Submitted
Product Preview Card
- HTML
- CSS
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