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

blogr-landing-page-main using css grids

@JesseOlisa

Desktop design screenshot for the Blogr landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Here is my solution for this challenge. I feel I could have done better in some areas so please feedback will be appreciated. Thank you.

Community feedback

T
Chamu 13,110

@ChamuMutezva

Posted

Greetings Jesse

  • your alt values must be descriptive for the benefit of assistive technology users. Alt values must tell the user the message that is being put across by the image or the function of the image in cases where the image is nested in an interactive element (button)

heading elements

  • the first heading element of your site should be an h1.
  • use the h1 sparingly, the best practice is to use only one h1 element per page.
  • heading elements must follow a sequential order without skipping headings. The next heading after an h1 will be an h2, then an h3 etc.

footer

  • the links has to be anchor elements, the li elements should have an anchor element as a child - those are navigation links to other pages .

general

  • find a way to have one navigation, having one navigation for mobile and another for desktop is not best practice. Using css the navigation can be properly placed at all times
  • some errors that needs fixing are listed in the automatic generated feedback
1

@JesseOlisa

Posted

@ChamuMutezva Thank you. I will work on that now

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