Submitted almost 2 years ago

Single price grid component

@nirglus

A solution to the Single price grid component challenge

Solution retrospective

It's the first Frontend Mentor challenge that I've used grid. If you have any tips on how I can improve myself, feel free to share!

Code

Please log in to post a comment

Community feedback

océane•290
@Ocece77
Posted almost 2 years ago
This is great! I thought your project was the original!🤯

• You can enhance your code by utilizing variables for colors, typography, and more…,and using :root{} in CSS. 🌳

Take a look at the mozilla web docs 📄:

https://developer.mozilla.org/fr/docs/Web/CSS/Using_CSS_custom_properties

https://developer.mozilla.org/fr/docs/Web/CSS/:root

In one of my projects, I was advised to use dynamic units (em, rem, vw, vh) instead of static units (px)!This offers better scalability 📐, responsiveness, and consistency across devices 💻📱

Look at this article about css unit ! : https://www.freecodecamp.org/news/css-unit-guide/
Marked as helpful

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