Frontend Mentor - Four card feature section solution

This is a solution to the Four card feature section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

Screenshot

Links

My process

  • I built this page with the mobile first approach.
  • CSS grid was used for the general page layout.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow

What I learned

  • The widths given on desgins can be used for media query breakpoints

Continued development

  • A Tablet specific version of this page can be added in the future

Author