👋 Hey there!
This is a solution to the single price grid component challenge on Frontend Mentor. Frontend Mentor challenges help me improve my coding skills by building realistic projects.
I chose this challenge as part of my exercises to master the Grid. It went well, I think!
The challenge was to build out this single price grid component challenge and get it looking as close to the design as possible.
For me, working with justify-content
, justify-items
, align-content
and align-items
for centering grid items was a new challenge. I learned a lot about them.
- Live Site URL: Single price grid component
- Solution: Solution on Frontend Mentor
- Semantic HTML5 markup
- CSS custom properties
- CSS Grid
- CSS Flexbox
- Basic understanding of CSS Grid
- Using
justify-content
,justify-items
,align-content
andalign-items
for centering grid items. fr
CSS Grid unitminmax()
function
Since I learned a lot on this project, I'm looking forward to trying more challenges from Frontend Mentor.
- Telegram - Aram Moradian
- Frontend Mentor - @OhSorrow
- GitHub - OhSorrow