Skip to content
Submitted 3 months ago

Product Preview card

Sadick Sulley•280
@Sulley-Sadick
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Solving the challenge makes me proud and feels like I'm improving on the Front-end skills.

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

Honestly I didn't any serous challenges.

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

I think I need someone to explain to me if you are working on front-end mentor challenge where you are provided two images where one is for mobile design and one for desktop design. how would you use those two images provided in one projects.

Community feedback

  • Sadick Sulley•280
    @Sulley-SadickPosted 2 months ago

    Okay thank you madam

    0
  • Anlia•100
    @book-AnliaPosted 2 months ago

    Hi! I’m also still learning, so I’m not sure which other methods I could use. The method I used was adding an empty div in my HTML, and with CSS, I customized its dimensions and used background-image: url(path to the image). When adapting it with the media query, I just changed the path to the other image. If you’d like to take a look at the code in my project, I think you’ll understand better. (Sorry, I’m terrible at explaining!)

    0

Please log in to post a comment

Log in with GitHub

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