All solutions

What are you most proud of, and what would you do differently next time?

Nothing to mention here.

What challenges did you encounter, and how did you overcome them?

I struggled with keeping the image fixed at the top and maintaining a consistent height as the viewport size changed. Despite my efforts, the background image would always shift or resize unpredictably with different viewport dimensions.

What specific areas of your project would you like help with?

I would appreciate some advice on how to manage and maintain the background image effectively across different viewport sizes.

What are you most proud of, and what would you do differently next time?

I used an SVG element for the popup triangle instead of the typical ::before and borders approach.

What challenges did you encounter, and how did you overcome them?

I faced difficulties in getting the image to match the height of the adjacent column in the desktop view. I resolved this by adjusting the margins and paddings of the right column, making both columns visually balanced and aligned in height.

What specific areas of your project would you like help with?

I would like to better understand how elements take up space and how they influence each other in terms of layout. Specifically, I'm interested in learning about the factors that affect the size and positioning of elements within a container and how these interactions can be managed.

What are you most proud of, and what would you do differently next time?

Next time, I would focus on being more structured, especially with the use of margins and paddings. I would also aim to define common styles in a single class to keep the code cleaner and more maintainable.

What challenges did you encounter, and how did you overcome them?

I encountered challenges with spacing, alignment and element sizes, particularly after breakpoints and when resizing the viewport. To overcome these issues, I adjusted margins and paddings.

What specific areas of your project would you like help with?

I would like assistance with ensuring that elements remain responsive without growing too large or shrinking too much.

What are you most proud of, and what would you do differently next time?

I used grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); and grid-auto-rows: auto; to achieve a smoother transition between mobile and desktop views. This approach allowed the grid items to resize dynamically, providing a more responsive and flexible layout.

What challenges did you encounter, and how did you overcome them?

The only little challenge was ensuring that the grid layout maintained a clean and responsive design across different screen sizes.

What specific areas of your project would you like help with?

I would like to get general feedback on whether there are better solutions for this type of layout. I'm curious to know if I made any mistakes or if there are more efficient approaches to achieve the same result. Any suggestions for improving the structure, responsiveness, or overall code quality are welcome.

What challenges did you encounter, and how did you overcome them?

I had to experiment a bit with Flexbox because the elements didn't always occupy the intended space as I had planned.

What specific areas of your project would you like help with?

I would appreciate some general tips on using Flexbox for layout and feedback on whether I've made any mistakes or if there are better approaches I could use.

What are you most proud of, and what would you do differently next time?

I used BEM for naming classes.

What challenges did you encounter, and how did you overcome them?

I encountered difficulties with the image shrinking due to margins reducing the available width, which affected its aspect ratio. I resolved this by using a fixed width for the image.

What specific areas of your project would you like help with?

I would appreciate advice on more effective methods for addressing image shrinking and spacing issues within a flexbox layout. Any suggestions for improving responsiveness or optimizing the layout would be helpful.

What are you most proud of, and what would you do differently next time?

The challenge was mostly basic stuff. The only thing to mention here is the customized lists styling and the use of CSS counters.

What specific areas of your project would you like help with?

I’d just like some tips on best practices or things to avoid. Any advice on common mistakes and how to do things the right way would be awesome!

What are you most proud of, and what would you do differently next time?

It's not pixel perfect but I think I've come quite close.

What challenges did you encounter, and how did you overcome them?

Challenging was only to get a pixel perfect copy.

What specific areas of your project would you like help with?

I would appreciate feedback of my CSS in general. Is there anything I can do better? Like the selector nesting or using other selectors.

What are you most proud of, and what would you do differently next time?

The Figma files wern't 100% accurate so I just fiddeled it out. I am also not sure if using all that flex boxes were really necessary or if there would have been an easier way to do it.

What challenges did you encounter, and how did you overcome them?

Trying to get the figma desings to code.

What specific areas of your project would you like help with?

I am not sure with the measurements using fixed width and height. Is this how it should be done? Also I am not sure about the use of all thoses flex boxes.