Product Preview Card

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

I used the mobile first design approach , about which I am most proud of.

Next time , when designing I would also keep the desktop design in mind.

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

Displaying different images for different screen sizes was challenging.

I overcame it by using two img tags with two different classes and using display:none in the media queries.

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

I designed the mobile version first and then the desktop version. I used display : none and media queries to achieve the desired output.

But I see many developers using picture tag or img tag with srcset and sizes.

I tried to implement my solution that way but the styling I did before is not being applied properly so I opted display:none and two media queries .

Some advice on the other methods that I mentioned could be very helpful .

Thanking You, Lahir