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

Solution Clipboard landing page using CSS Grid and Flexbox

@emanuelcba94

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


Any suggestions on how I can improve are welcome! Thank you!

Community feedback

T
Chamu 13,130

@ChamuMutezva

Posted

Hi Emanuel

Nice work so far on your project, you did well. Here are some issues to look at:

  • the logo in the header, will be a child of an anchor element in a website. That is to say , you need have an anchor element as the parent of the image. The image can have an alt value that points out to the name of company.
  • it is important to note that , the alt value should carry the message that is in the message. The message should be clear to users in the case that the image fails to load or most importantly for the benefit of assistive technology users. The following article will guide you on how to write good alt value
  • maybe the list of companies should be links as well , I am assuming that the significance is to show associated business partners
  • do check one of the modern css reset stylesheets , one common one is the one by Andy Bell
  • Why font-size must NEVER be in pixels , will give you a guide on the reasons related to the title.
  • the image designs are not meant to be media queries , but your work should look as the given designs at those given sizes. Start styling using mobile first approach, that is to say your first styles will cater for mobile designs and then apply a media query only when needed but using min-width
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