All solutions

I totally underestimated the scope of this project. I thought it was a quick ~4-6h project but ended up to be more than 10h of work for me. Well, now I know.

Is there any good way to give 'border-images' a 'border-radius'-like rounded corner using react? In vanilla JS I would probably create a new absolute element using the position of the element I want the background for, but in React getting an element from the DOM to get it's position is an outside effect, which means you need state to check if an input is active.. that just seems like unnecessary work and re-renders for slightly rounded corners.

Any advice is highly appreciated. Thanks!

It took a while for me to wrap my head around the React States, but I feel pretty comfortable with them now.

Any feedback is very much appreciated, especially for React and SCSS.

My first time using React and SCSS.

I would appreciate every feedback, especially about the file structure. If any SCSS-Veteran has a preferred way to organize their stylesheets, I'd really like to know.

I feel like the mobile-first approach on this section didn't reduce the size of media-queries, which surprised me. Maybe I have to go back on this one, and redo it with desktop-first. But then again, maybe I haven't written the CSS efficiently. Any input on that would be very much appreciated :)

Any feedback is greatly appreciated :) especially in terms of accessibility and jQuery.

Question:

• what would be a better approach to apply the style for theming?

Making an accordion without JS sounded really compelling. But to be honest, that wasn't the hard part. Positioning those illustrations, hiding the overflow, managing the overflow caused by the accordion.. there was a lot that I didn't anticipate.

I'm very interested in other NoJS-Solutions. Any feedback would be very much appreciated too :)

Any feedback is greatly appreciated :)

Any feedback greatly appreciated :)

Question:

• what's the optimal way to do a button such as the 'Add to Cart'-Button?