Submitted about 1 year ago
Responsive page using just CSS
@Locoyoccim
Design comparison
SolutionDesign
Community feedback
- @AlbertoDeMariaPosted about 1 year ago
In the complex it isn't a bad exercise, just some tips:
- don't call sections: "section1", "section2", "section3" etc. use name that can help you know what there is inside of them like "text-container", "img-container" etc.
- <main> is wrong used, check this guide for the right use of HTML elements: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main?retiredLocale=it
- <div class="price">$149.99</div> don't use div without element inside, instead for example use <p> or other elements for example <div class="price"><p>$149.99</p></div>
There are others problems to this layout in the css, check for example Kevin Powel's tutorial: https://www.youtube.com/watch?v=B2WL6KkqhLQ&pp=ygUuUmVzcG9uc2l2ZSBwYWdlIHVzaW5nIGp1c3QgQ1NTIGZyb250ZW5kIG1lbnRvcg%3D%3D
Good luck :)
Marked as helpful0
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