@Ocece77
Posted
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
@nirglus
Posted
@Ocece77 Thanks alot for the feedback! I will certainly take a look onto the :root{} variables, it can save me some time in my future projects.
And about the dynamic units, I usually use these on other projects but some times in order to achive exact results for specific resolutions, px worked for me better. But I will try to apply them in the future challenges.