All solutions

I didn't struggle much with this one ; the only difficulty I encountered was how to add the cards' colored top border without it following the curve. I added an empty div with a background color and it did the trick. Is there an easier/better way to achieve this? Thank you for your feedback.

I mostly struggled with the "active" parts of the design, and how to change the style depending on the size of the design. I added a scrollbar inside of the card because I felt like it was better than to introduce a lot of breakpoints to make the design look good at all sizes.

As always, any feedback is welcome!

My main breakpoint is set at 1200px and this value seems too high, but I feel like I didn't have a choice as the bottom elements would overflow and disappear. Does anyone have any advice regarding responsiveness, especially in this case ? Thank you.

I struggled a bit with Javascript as it was my first time using it as part of a Frontend Mentor challenge, but, in the end, it works. I don't have any questions for the community but as always any feedback is welcome!

Not much to say about this one as there was no need to implement a specific responsive design (my nemesis...). Feel free to leave a comment though !

As always, I encountered many difficulties trying to make the page responsive. What are the best practises regarding media queries ? Is it better to place them under the class they're attached to or put everything in one big media query ?

I didn't run into any particular difficulties while completing this project. I have however one question for the community : what is the general consensus around the use of breakpoints for a responsive design ? I set my breakpoint when I felt like the design was starting to look a bit wonky, but is there a general rule ? Thanks as always for any feedback, it's much appreciated.

I watched Kevin Powell's video on this challenge (https://www.youtube.com/watch?v=KqFAs5d3Yl8) after I completed it on my own because I encountered many difficulties while writing my code (for instance, I feel like my page is not fully responsive, and I fiddled with padding way too much to achieve the desired look). However, I am somewhat satisfied with the result. Any feedback is welcome!

• I really struggled with combining overlaid elements and the active pseudo-class. I assume there is an easier way to get that result than what I did. Any tips ?

• Is there a better way to vertically center a div ?
• Am I using Flexbox correctly ?