Latest solutions
Latest comments
- @LINDECKER-Charles@hamzatchiche
good work. just the design small try to fix it
- P@danilo2420@hamzatchiche
good work! but one thing in mobiles when you click to dismiss message the it's showen just the image not all the page
Marked as helpful - @Broski3@hamzatchiche
the designe is good. but in the designe in responsive is not that what the challenge say!
- @audreylyn@hamzatchiche
good work
- @LINDECKER-Charles@hamzatchiche
good work keep going
- @carodg09What are you most proud of, and what would you do differently next time?
I figured out how to use
What challenges did you encounter, and how did you overcome them?<picture>
andsrcset
properly for different screen sizes. Next time I’m hoping to try Sass to make my styles more organized.One challenge I faced was getting the product image to align correctly and fill exactly half of the container without stretching or leaving empty gaps. I struggled with how object-fit, width, height, and flex interact. After experimenting and checking layout behavior in the browser, I realized that I needed to explicitly set both the image and its container to height: 100% and use object-fit: cover to achieve the desired result.
@hamzatchichegood i think the height is small than the design