Design comparison
Solution retrospective
je suis fier de réussir a rendre mes projet responsives même si ce n'est pas parfait au moinse sa s'affiche sur différents écran et c'étais le plus gros défis , si jamais j'avais a reprendre le défis une prochaine fois je vais améliorer sa flexibilité pour que la responsivité ne dépend pas que du media query
What challenges did you encounter, and how did you overcome them?Franchement grâce a l'effort que j'ai fourni sur le défis précédent celui ci ne ma pas s'embler trop difficile
What specific areas of your project would you like help with?je cherche actuellement comment rendre la taille de mes textes dépendant du viewport donc si quelqu'un peut m'aider en sa je serai vraiment reconnaissant
Community feedback
- @marliedevPosted 24 days ago
Regarding your Question Rilay: try to use the clamp() function
e. g. font-size: clamp (1rem, 1rem + 1vw, 3rem)
Your solution looks fine! You could improve your styles by using custom properties and nesting sub-elements (like scss/sass).
Marked as helpful0@EKriley-ciPosted 24 days ago@marliedev merci j'ai essayer d'améliorer la taille des polices en suivant vos recommandation maintenant concernant le sass ou le scss je vais faire des recherche parce que je ne l'ai est pas encore utiliser du coup je ne sais pas comment sa fonctionne
0@marliedevPosted 24 days ago@EKriley-ci sorry. there was a mistake in my example. You need to use a calc()-function for it to work
// using clamp(min, preferred, max) font-size: clamp(16px, calc(1vw + 1rem), 20px);0
Please log in to post a comment
Log in with GitHub
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