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 Responsive css/ add advanced dropdown menus

Bakhriev 110

@Bakhriev

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


waiting for comments

Community feedback

Dytoma 570

@Dytoma

Posted

Hey 👋

Good job on completing this challenge, your solution looks amazing👌

However I do have one suggestion when I looked at your code:

  • Instead of using a <div class="line"></div> I suggest you use border-bottom as the div add more content to your page, it is better to use borders.

Happy coding👏

Marked as helpful

0

Bakhriev 110

@Bakhriev

Posted

@Dytoma thanks for the feedback,in this example, should the background images be done with the img tag? or should they be done with the background?

1
Dytoma 570

@Dytoma

Posted

@Bakhriev you're welcome🙌

For the call to action section you can use the background property to give it both the background color and the background image but for the other images, you can use the img element and wrap it in a div so that you can position it relative to the div.

You can read more about backgrounds and how to set it on MDN multiple background docs.

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