Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Clipboard Landing using HTML y CSS, responsive

@pbatista01

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

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

@mahnoork18

Posted

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 helpful

0

@pbatista01

Posted

@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
P
Chamu 12,970

@ChamuMutezva

Posted

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 GitHub
Discord logo

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