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

Community feedback

• 

  Chris•520

  @9CB5Posted over 1 year 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.

  Marked as helpful

  1

  ---

  

  Sam•970

  @JustANipplePosted over 1 year ago

  Hi @9CB5,

  I will surely try Tailwind to optimize timing with these components

  I managed to make a better animation for the dropdowns so it doesn't feel that slow

  I adjusted some of the responsiveness errors you mentioned, but somehow in Ipad pro view, the footer hides part of the list. I couldn't find a way to fix it

  Thank you for your help!

  1

  

  Chris•520

  @9CB5Posted over 1 year ago

  @JustANipple Thanks for taking the time to fix the issues I've noted.

  The website is much better now! It feels snappier and it seems to respond better.

  I cannot replicate the issue on the footer so I am unable to help with this. It must have fixed itself 😃.

  Happy coding.

  Marked as helpful

  1
• 

  Tola israel•100

  @tolabigboyPosted over 1 year 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

  Marked as helpful

  0

  ---

  

  Sam•970

  @JustANipplePosted over 1 year ago

  Hi @tolabigboy I made some changes to make the site better. It's still not perfect but at least every device can look at it and interact with all components

  Thank you for your help!

  0

  

  Tola israel•100

  @tolabigboyPosted over 1 year ago

  You are always welcome@JustANipple Honestly, you made awesome adjustment. Then, I would still seriously urge you to work more on responsiveness, find and research more on it. It's a great deal

  0