Submitted about 2 months ago

Calculator with Theme Switcher

yashwanth-srinivasa• 70

@yashwanth-srinivasa

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Calculator app

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I was able to SASS and a few of its additional functionalities like mixins and functions. Using the BEM model to name my elements and use nesting to make my life easier.

What challenges did you encounter, and how did you overcome them?

I particularly felt a little lost dealing with CSS Grid and Flexbox, but after a few trial and errors, I was able to take control of the layout.

What specific areas of your project would you like help with?

I did not use prefers-color-scheme or localStorage because I do not know how to use them. Yet. Future projects will certainly have them to improve UX.

Community feedback

Michel• 60

@michelNice

Posted about 2 months ago

Hi everyone,

I’m working on a responsive navigation layout and could use some assistance. Here’s what I’m aiming for:

On desktop: The logo should be on the left, and the navigation should be on the right side with the shopping cart as the last item in the navigation list. On mobile: The logo remains on the left. There should be a shopping cart icon in the center, and a clickable hamburger menu that changes to a close "x" when clicked. When the hamburger menu is clicked, the navigation should slide down from the top. You can check out my current setup and what I’m working towards through the following links:

GitHub:https://github.com/michelNice/Partiu-Russia

my website: https://nimble-genie-a7cc7e.netlify.app/

what I am trying to do: my website:https://partiurussia.com.br/

Any help or guidance on achieving this would be greatly appreciated!

Thanks!

Please log in to post a comment

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