Design comparison
Solution retrospective
Hi everyone!
I am submitting this challenge where I found real difficulties placing the elements in the correct place. Please do not hesitate to check out the code if you have any feedback or suggestion, I will really appreciate it! I wish you all a wonderful day!
Community feedback
- @tea-scriptsPosted over 2 years ago
I'd say you did a great job completing the challenge and it was a good thing you struggled with it cause now you've got a hang of dealing with similar situations if the need be. Some tips:
- Consider using HTML semantics like
article
in your markup. You can learn more about HTML Semantics here. It's considered best practice and also makes web pages more informative and adaptable, allowing browsers and search engines to better interpret contents in our pages. - Also you can place your entire markup in a landmark like
main
. This also helps take care of the accessibility issue of landmarks.
Great job so far mate, happy coding 👍.
Marked as helpful1@verdepedroPosted over 2 years ago@coder-teamie Hello! Thanks a lot for the feedback and the information! I will definitely check it out and try to use for any future challenges.
Have a great day!
1 - Consider using HTML semantics like
- @MarcusTuliusCiceronPosted over 2 years ago
Hey congrats on this challenge,
One little thing you can do that will help you position your element is to insert some style reset at the begining of your code:
*, *::before, *::after{ box-sizing: border-box; //allow you to size alement according their border font-size: 100%; //make the font size fill the line margin: 0; padding: 0; line-height: 1; }
hope this will help you :)
Happy coding :D
Marked as helpful1@verdepedroPosted over 2 years ago@MarcusTuliusCiceron Hello!
Thank you for the information, I will test it out in my code!
Have a great day!
0
Please log in to post a comment
Log in with GitHubJoin 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