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

First challenge for me! Html CSS

@FloPereira75

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi it's my firt challenge here , so if someone have something to say it's can be helpful for me.

I have a small device (>1200px) so I had to reajust the size because the result isn't the same on my desktop and on the other.

Sorry for my english. Have a good day/night/week !

Community feedback

@mcktivity

Posted

Sometimes, its hard to match the design when you dont have the design file where all margins and paddings are present. But i think you did pretty well without them. Next step should be try to use html semantics.

1

@FloPereira75

Posted

@mcktivity Thanks for the reply !

"Html semantics" you mean header, main, section, etc...? Is that what you're talking about?

And question which may seem stupid ... Is there an "official" solution to this challenge? It would allow me to see which tags were used, how and why.

Thanks for your time !

0

@mcktivity

Posted

Hi, Yes that was what i meant about semantics. Jobs in frontend which uses HTML5 requires knowledge on how to use sensible semantics which improves code readability and for assistive techs. Hope it will be useful for you in the future. And also there's no official solution to the challenges. Have fun coding!

0

@FloPereira75

Posted

@mcktivity Thank you, it was useful for me to better understand how to structure my code!

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