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

Responsive landing page using Bootstrap 5 & npm

@Dominik-Gryszkiewicz

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


I will be grateful for any feedback or suggestions.

Community feedback

@GrzywN

Posted

Bardzo dobra robota!

Pamiętaj, żeby dawać transition w elemencie, a nie tylko w hoverze na ten element, bo wtedy przejście jest tylko jak się najedzie, ale jak już wraca to przejścia nie ma.

Miłego dnia!

Marked as helpful

0

@Dominik-Gryszkiewicz

Posted

@GrzywN Dzięki!

Racja, właśnie kombinowałem żeby działało też w drugą stronę i w końcu zostawiłem nie tak jak trzeba.

Wzajemnie!

1

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think that the curved hero section is a bit too tall. Secondly I think the logo in the footer has a bit too much margin from the left.

I hope this helps

Cheers

Happy coding 👍

1

@Dominik-Gryszkiewicz

Posted

@TheCoderGuru Hey, thank you! I reduced the size of the hero section a little, in my opinion lower height than it now, looks bad. As for the logo in the footer, there is no additional margin, it is in a container like the all content of the page, except for pictures in sections that go beyond. Thanks again and cheers 👍

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