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

Sitio Web Flexbox y CSS Grid

Guillermo• 170

@Guille2000

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


Its not 100% responsive but what do you think of the desktop's version?

Community feedback

P
Chamu• 12,970

@ChamuMutezva

Posted

  • you are missing an h1 element - it is important to have one and only one in a site.
  • the unordered list in the footer section must be interactive (a element) they are supposed to be links to external pages of links to some section on the page.
  • <p id="lista">Install Guide</p> , this should have been part of the list as well
  • some content are being cut off especially from about 376px , with the google , ibm images hardly visible. Hence the site is not responsive (388px to 550px)

Marked as helpful

0
Luis Colina• 1,043

@Comet466

Posted

nice job on this challenge guillermo, im gonna point out a few details so you can work on then and make your solution better

  1. in the workflow section the cards container is uneven, the first card got more space that the other making it not look a little off, you can fix these by declaring flex:1 on each .card container, doing this every card would take the same amount of space

  2. you declared two rows in the footer but you only really need one row, and center the social media icons, doing so the solution would look more like the intended solution

  3. you should add the pseudo class :hover to your bottoms to make them more interactive for your user

hope to had helped you, keep coding

Marked as helpful

0

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