Clipboard Landing using HTML y CSS, responsive
Design comparison
Solution retrospective
Hello World! This is an updated solution of the project Clipboard Landing to practice and improve HTML, CSS and responsive web design skills. I fixed the errors and took the advises given to improve the site. Let me know of anything else I could been missing.
Community feedback
- @mahnoork18Posted over 2 years ago
Hey, nice work there! I have noticed a few things that need to be corrected. firstly, the float property in CSS is outdated try using flexbox or grid for layout so that you can have fewer lines of code. also, you need to add alt text in your HTML. Hope this helps!
Marked as helpful0@pbatista01Posted over 2 years ago@mahnoork18 Hi Mahnoor, appreciate your advises. I will take them into account and use them to improve this project, and for future ones! Thank you so much for taking the time to reviewed and comment!
0 - @ChamuMutezvaPosted over 2 years ago
Greetings Estefanie.
Congratulations for taking this challenge, so far so good. There are issues that have been raised in the automated response, which may include the following:
- Use semantic html, elements such as main, header, footer etc improves the accessibility of your project that using divs.
- interactive elements should not be nested, that is a button cannot be a parent of an anchor element or vice-versa. An anchor element is used for navigation purposes - moving to other sections or another page where as a button is associated with form submission, opening modals etc.
- the social icons are not just images but links to social sites, hence they should be navigation links to the respectful handles. You need to research on how to make an svg accessible.
- as mentioned by @mahnoork18, look into flexbox and grid, float is rarely used these days
1
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