Frontend Mentor - Single price grid component solution

This is a solution to the Single price grid component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Links
• My process
  • Built with
  • What I learned
  • Continued development

Overview

The challenge

Users should be able to:

• View the optimal layout for the component depending on their device's screen size
• See a hover state on desktop for the Sign Up call-to-action

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

Did this project for getting more comfortable with flexbox. Finished the Udemy flexbox section and reinforced it here a bit. I got to understanding box sizing better, doing it with flexbox, not so much with for each container (grow, shrink).

Continued development

Moving on to grids now, will implement them in the next Frontend mentor project after consuming some theory!