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

@Smartlify08

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


How do I make the navbar transition smooth when it's returning back?

Community feedback

@matiasluduena23

Posted

Hi Anosike Obinna! Nice work!!! Just one recomendation that might make your code more easy to read.

  • try to use semantic html

You can use your structure like this

header
  logo
  hamburgerMenu
  nav
     links
  nav
header

  • I think that the easy way to make you navigation works is using your position absolute in your ul video. And avoid width in px, use percentage instead
.navbar {
position:absolute;
top: 100px;
left:0;
right:0;
margin-inline: auto; (this center the element with the right and left in 0)
width: 80% (play with this number )

Good code!

Marked as helpful

2

@Smartlify08

Posted

@matiasluduena23 Thanks for the feedback. I'll try doing that in other projects too

0
P

@ygabdn29

Posted

I'm assuming by navbar transition is when we are looking at the mobile size, then maybe you should try using transition: ?

Marked as helpful

1

@Smartlify08

Posted

@ygabdn29 Okay I'll try doing that

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