Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Single Price Component with css grid

mihai2537 190

@mihai3636

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I got my hands dirty for the first time with some scss I wouldn't use scss variable so much next time because I couldn't change their values inside media queries. I'd rather use the css variables next time.

What challenges did you encounter, and how did you overcome them?

At some point I couldn't understand the behavior of 1fr for grid rows when the grid had no explicit height. But after asking around I eventually found my answers on discord and stackoverflow.

What specific areas of your project would you like help with?

Hello, everyone!

This is my first time using scss, I know I did not use it extensively but it's an honest beginning. I would very much appreciate any tips and tricks that I could use from now on.

Thank you all!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord