Submitted over 1 year ago
Solution Clipboard landing page using CSS Grid and Flexbox
@emanuelcba94
Design comparison
SolutionDesign
Solution retrospective
Any suggestions on how I can improve are welcome! Thank you!
Community feedback
- @ChamuMutezvaPosted over 1 year ago
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 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