Gustavo-Victor / single-price-grid-solution

Single price grid solution

Front-End Mentor | Single price grid solution

🚀 Completed ✅

Table of contents

• About
• The challenge
• Screenshot
• Links
• Built with
  • Languages
  • Utilities
• What I learned
• Author
• License

💻 About

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.

⚙️ 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

🎨 Screenshot

⚓ Links

• Solution URL

🛠 Built with

Languages

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

Utilities

• Fonts: Karla (400, 700)

🥇 What I learned

During the creation of this project, I was able to recap some knowledge about CSS grid layout and also about mobile First.

🦸 Author

• GitHub - @Gustavo-Victor
• Frontend Mentor - @Gustavo-Victor
• CodePen - @gustavo_victor
• Linkedin - @gustavo-victor

📝 License

This project is under the MIT license.

Anyone can use, clone, fork and contribute to this project.