Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product preview card using vue ,tailiwndcss

#tailwind-css#vue
Sara 360

@saranatour1

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I got more comfortable in using grid in css, its a neat little thing, and I still could learn more.

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

at first, I used the picture tag to put the assets within, but that made a few issues on resizing, and I didn't want to use 'position' property to fix that, but I ended up adding the images to my local tailwind config file, and adding a div with a background-image.

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

In general, what do you think I should do to make this a better solution?

Community feedback

@Ikuewumi

Posted

👋 Hi Sara.

Unfortunately, the project isn't on GitHub anymore

0

Sara 360

@saranatour1

Posted

@Ikuewumi its set to private for the meantime :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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