I would it if masters will point me to the right direction and tell where I'm wrong and how I can make it better.
I just know there are still a lot of things that I need to know that I don't know I need.
I would love it if the masters will point me where I am wrong and where I can be better.
React based card, adding library for toggle, and some advanced CSS. Try to do customizable toggle.
What challenges did you encounter, and how did you overcome them?React, CSS for toggle and rewrite standard styles.
What specific areas of your project would you like help with?React hooks, state, libraries.
Wow damn! This is high mountain! Beautiful theme toggle. Nice touch!
This byte-size challenges/exercises is making me a little bit better every time!
What challenges did you encounter, and how did you overcome them?I have to check for the report first and see if I encounter any faulties. The browser haven't scold me but that doesn't probably mean anything.
What specific areas of your project would you like help with?I would it if masters will point me to the right direction and tell where I'm wrong and how I can make it better.
Using the Frontend Mentor's accessibility report, I became aware that nesting <button> and <a> is not good. I fixed it and I learned what and why!
Proud of:
Would do differently:
The design file doesn't give very clear guidance on breakpoints so I'm hoping my solution aligns with what the designers are asking for.
I really struggled with getting the flex container on the card to actually shrink with a change in the viewport size. This is because I didn't have the img width set to 100% 😅
I tried setting a breakpoint with a @container query but it was doing very wonky things with the card component so I abandoned that idea for a simple media query on the screen.
What specific areas of your project would you like help with?Is there a more elegant way to handle changes to the presentation of the .blog-preview-card element?
Wow! This is so cool! It's almost, if not the same, exact replica of the design. Nothing to say here. Totally nice and superb solution, both desktop and mobile version.
Cool! Code is simple and straight to the point. I think the QR code should be centered on Y-axis too, though I am not sure about that. I so thought because the design shows a centered QR code. Now I can't remember if I also centered it in my code...
If I want an element to be centeredc I usually use flexbox.
div { display: flex; justify-content: center; align-items: center; }
Assuming the width and height occupies the whole viewport.
