All solutions

I didn't have any trouble with the desktop version of the website, but I ran into a big issue when I tried to make it work properly on a 375px widescreen. The problem I faced was related to how the images were positioned, and I spent two whole days trying to figure it out. Thankfully, I found a solution that's a bit of a workaround, but it did the trick.

The problem I was dealing with was that on the mobile screen, the background image at the bottom of the page was overflowing and causing problems with the responsiveness of the site. To solve this, I decided to use the "overflow: hidden" property in the HTML tag, and it worked like a charm. I'm not entirely sure if this is considered a best practice in web design, but I'm really happy that it fixed the issue.

I recently completed a newbie challenge on FrontendMasters, diving deep into the world of CSS Flexbox. Before this, positioning items in dynamic layouts felt complex. Flexbox, however, transformed my approach, offering a streamlined method to align and distribute elements within a container. Through properties like justify-content, align-items, and flex-direction, I mastered the art of creating responsive and visually appealing designs. This wasn't just about grasping a theoretical concept; it was hands-on learning, giving me the confidence to tackle modern web design challenges with a fresh perspective.

The most challenging aspect for me was implementing the active status. This involved centering an icon on the image while maintaining a translucent background.

I recently completed a newbie challenge on FrontendMasters, diving deep into the world of CSS Flexbox. Before this, positioning items in dynamic layouts felt complex. Flexbox, however, transformed my approach, offering a streamlined method to align and distribute elements within a container. Through properties like justify-content, align-items, and flex-direction, I mastered the art of creating responsive and visually appealing designs. This wasn't just about grasping a theoretical concept; it was hands-on learning, giving me the confidence to tackle modern web design challenges with a fresh perspective.

I recently completed a newbie challenge on FrontendMasters, diving deep into the world of CSS Flexbox. Before this, positioning items in dynamic layouts felt complex. Flexbox, however, transformed my approach, offering a streamlined method to align and distribute elements within a container. Through properties like justify-content, align-items, and flex-direction, I mastered the art of creating responsive and visually appealing designs. This wasn't just about grasping a theoretical concept; it was hands-on learning, giving me the confidence to tackle modern web design challenges with a fresh perspective.