Design comparison
SolutionDesign
Solution retrospective
I solution the challange with: *HTML *CSS *JAVASCRIPT
Community feedback
- @yefreescodingPosted over 1 year ago
You solution looks great! Just a couple of things to take into account to make your code more readable, semantic, and accesible.
- Replace the <div class="container"> elements, with <main class="container"> and <section class="text"> elements to improve semantic structure.
- Change this <div class="btn"> Dismiss message</div> for a actual <button type="button" class="btn"> Dismiss message</button>. Using the tag button makes more sense.
- <li><img src="images/icon-list.svg" alt=""> Don't forget to add the alt attribute to the every image in your document with a proper description.
- You should use css styles instead of the <br/> tag, to create line breaks, or make an element become a block:
<br> <span> </span> please open it and click <br>
<span style="display:block:"> </span> please open it and click . Hope this could help you become a better front end developer. Keep it up!!
Marked as helpful0@BavlyAlbeirPosted over 1 year agoThank you very much for the tips @yefreescoding I will use it to improve my code
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