Skip to content
Submitted 6 months ago

A product preview card using html and css , flexbox too

pure-css
P
uzii•240
@Deuzi
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

i made use of the the source tag and that helped the images switch when the screen increase for the desktop and mobile screen image, so happy i learnt this

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

switching the two images in the file cause there are two images for desktop and mobile, but then i searched and read about source tag and it help me switch between the different images in different screen sizes and also have a fallback image incase non of the screen sizes are met , it was a great learning experience

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

probably grid (aligning stuff properly)

Code

Please log in to post a comment

Log in

Community feedback

  • uzainmalik123•260
    @uzainmalik123

    use grid on some complex stuff you have used flex that is fine i would say that use gap with flex that would be perfect for aligning stuff.

    and btw my name is short for also uzi i use it in games.

    Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord