All solutions

Please advise on the timer. At its current state, when the user refreshes the page the timer will restart from the beginning. I want the timer to continue where it left off even when the user refreshes the page or closes the browser. I tried persisting it using localStorage but wasn't successful: localStorage.setItem(). I tried setting it individually and as an object, but was unsuccessful.

Thank you for all the feedbacks

All feedbacks are welcome.

I enjoy getting feed back. Its how I learn and improve. Anything from best practices for CSS/HTML/JS or any extra reading or advance techniques. Thank you!

Please provide feedback.

Please provide your valuable feed back.

• For this project, my main goal is to understand how images behave in flexbox. I think I am starting to get it.
• I also use Intersecting Observer API for this project since larger size images were provided. With this technique, I am able to lazy load images by replacing current src to the srcset. Also with this technique it add a nice animation effect the view enter the element.
• Please provide any feed back, I want to get better at frontend. Your feed back will help me a lot.

Thank you

Difficult?

• Working with images would be the most difficult part. Although with preview images, its hard to eye ball what the actually size of the image is. At larger screen size everything just looks so big. It doesn't look appealing. Unsure? I use <picture> element for this project. Is it better to use <img> ? Best Practices? Images for sure. What's a good approach do you have for responsive images?

Please provide feed back on best practices for my logic in App.js. I appreciate your feed back.

Any feed back on the navigation? Not entirely happy with it. If you are at full screen and size it down to 1077px, the navigation appear then disappear. Is there a technique to solve this?

Fun project. I have worked with styled-components before but it was during boot camp. But with this project, I learned a little more extra especially with passing in props. Please feel free to provide any feed back. Thanks in advance

Any feed back to improve my skills is welcome.

Any feed back is welcome

Any feedback is welcome. How do I get the 3 dots hover effect to work? Fun project overall.

This was a fun/challenge project. The difficult part was mobile navigation. I wanted the parent element to expand its height and the dropdown animates in; however, I couldn't it get it to work. Right now, the height is fixed and it looks funny . Any idea how to improve this?

At a larger screen the design suffers. I had to readjust the main content to a smaller width. Any suggestion to improve?

Any feed back on DOM traversing? What consider as best practice for DOM traversing?

I learned about clamp() in CSS. Its such a cool property. It basically set min/max of the font-size with just one line of CSS. According to MDN it takes in 3 parameters: min, preferred, and max value. This is great for responsive design because it'll size up/down bas on the size of the viewport.

I made an error while I was doing the HTML markup by putting the dice inside a form. By doing this, it actually prevented the dice from generating the quote which is not what I wanted. I wanted the quote to generate each time the button is clicked. Once I realized it, I remove the form element, switched 'submit' to 'click' event then it worked as intended.

I couldn't get the quotes to work correctly. They were too far apart when I tried adding them inside <span> element. Please advise :)

I am struggling with responsive design. Any best practices or feed back to improve would awesome

This was fun. I had trouble with the main hover effect, but I quickly realize that it would be a lot easier to hover over the parent's element, set position, and z-index than the image itself.

I am using SASS for this project. I got stuck for the longest time on the 'active' class. I had no idea that the 'active' class needs to be inside of its parent's class which is 'container' for it to take effect. I had it outside originally. Is it because SASS is nested?

I wasn't sure if localStorage was used correctly; but it worked!

I am fairly new to programming in general and recently got really into frontend. Ultimately I want to get a job as front-end in near future. Any feedback, tips, best practices will be greatly appreciated! thank you