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

Four card challenge with HTML & CSS only

Rilay 80

@EKriley-ci

Desktop design screenshot for the Four card feature section 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?

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

@marliedev

Posted

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).

0

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