Design comparison
Solution retrospective
Hello everyone! I am new here and I am a new student of front end development.
I am insecure about if the way that I made my page was respecting the best practices. I had a really strong feeling that I am creating the page and make it look like it should be, but it is not exactly right.
For example, I had a really difficult to adjust the size of the objects and try to put them in a position that it would be as close as possible to the example.
I am excited to look other people codes and learn ways that I could solve this exercice. If you look my code and find anything that I could do better, I would be happy to listen you and learn more about it.
Community feedback
- @HassiaiPosted almost 2 years ago
Replace <div class="container_0"> with the main tag,<p class="container_2"> with <h1> and add the alt value to all the <img> to fix the error and accessibility issues. alt = " " for more on semantic html visit https://web.dev/learn/html/semantic-html/
Use the colors that were given in the styleguide.md found in the zip folder you downloaded.
Give .container_3 a line height value for the line spacing.
Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To
Hope am helpful
Well done for completing this challenge. HAPPY CODING
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