This is my solution to the Single price grid component challenge on Frontend Mentor.
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
- Solution URL: Github Repo
- Live Site URL: Github Pages
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
This project helped me understand CSS spacing much better, like paddings and margins, and helped me understand more about Flexbox and Grid layout. Despite being a simple project, I was able to learn valuable lessons from it.
I intend to continue improving my skills with Flexbox and Grid, and my design skills based on Frontend Mentor projects.
- Beautiful CSS box-shadow examples - 93 excellent CSS box shadow examples. This site is a very useful resource for Frontend devs.
- Github - Guilherme Fontebasso Tavares Faria
- Frontend Mentor - @GFTF0906
- Twitter - @echolovesjava