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 BLOGR landing page just HTML5 and CSS3

Daniel 280

@ddaniel27

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


Hey everyone, this is my solution using just CSS3 and HTML5. I didn't want to use Javascript for navbar behavior because I did want to try use just CSS3. My question is, Is there another way to do this with just CSS3 or with Javascript I can do it better in behavior sense?

Community feedback

@VincenzoMarcovecchio

Posted

Hey there, I like your navbar solution using CSS only, I think it can be used in production or at least it's very close but there are many bugs I noticed throughout the website that make it to be reviewed. Mostly you need to review heights and paddings your are giving to sections (if you are concerned to design). Font style is loaded correctly but is not the same as the design also. You should have a look at some CSS transitions animations here https://freefrontend.com/css-menu/ and here https://fireship.io/lessons/css-responsive-icon-navbar/ to keep practicing 👍

0

Daniel 280

@ddaniel27

Posted

@vinceoldmark Hey, thanks for your feedback! Yes, I know I have some bugs in the website and I'll analyze why that happen. I uploaded my solution as fast as I could so I didn't test everything correctly. Anyways, thanks for the resources and I'll keep practicing 😊

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