This is a 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: FrontEnd Mentor: My Solution
- Live Site URL: GitHub Page: Single Price Grid Component
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
I struggle with box-shadow
usually but today I think I finally understood its values a little.
I think I am good at flexbox now, so in the future I want to start using CSS Grid.
- Website - Anosha Ahmed - Not up at the moment, but will be soon.
- Frontend Mentor - @anoshaahmed
- Twitter - @anosha1ahmed