Design comparison
Solution retrospective
Everything seems fine in the development on large screen but for some reason the layout break after uploading to netlify.Do you know the reason?Any feedbacks would be appreciated.
Community feedback
- @coderdanniePosted over 1 year ago
Hi. Congrats on the completion of this project. An extra features you can add is to store the themes state using browser localstorage so that your site can maintain the theme state even if the page was reload. Right now if I switch to light mode and reload the web page its switching back to the default theme. Using browser storage to store the theme and accessing the themes based on user preference will prevent this from happening. https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
Marked as helpful1 - @ryanbradley-webdevPosted over 1 year ago
Hi there, this looks great! As for your question on the layout, I'm not very knowledgeable on Tailwind, but it looks like there's a conflict with the flex container housing your overview icons. My suggestion would be to add "justify-content: space-between" on that container, and then playing around with different flex-basis values on its children to find a good layout you like.
I hope this helps!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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