🚀Blogr-landing-page | SASS | JS animations | Mobile-first workflow🚀

Community feedback

• 

  Chris•520

  @9CB5

  Posted about 2 years ago

  Great work. It almost matches the design perfectly!

  As for your question, the code in your nav isn't that bad. There's naturally going to be a lot more code than a typical nav since this one has multiple dropdowns with lots of children inside. But you can really trim down your markup if you use a front-end framework like Vue for example and using list rendering with v-for for the dropdowns. You may also use tailwind to reduce code in your stylesheet.

  Going through your solution, I have noticed a few minor issues which I will highlight below:

  • The animation takes too long on the dropdowns and the fact that it starts off fast then slows down makes it feel clunky. You should aim to minimise waiting times for better UX.
  • The layout breaks on some screen widths. For example, when viewed on the iPad mini (768px), the header has a white gap on the right hand side, and on the surface duo (540px) some images are off-centered and there are some overlapping elements.

  12

  Marked as helpful
• 

  Tola israel•100

  @tolabigboy

  Posted about 2 years ago

  Great work bro. Keep it up… You need to work on your site responsiveness. While shrinking your site page from desktop view to mobile view, I can see overflows in the page and also the buttons are not stable. This has more to do with your media query, I guess

  02

  Marked as helpful