Skip to content
Submitted over 3 years ago

Perfume product preview

kefiiiiR•70
@kefiiiiR
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  • Had an issue with vertically centering the "container". When using position: absolute, desktop version was OK but I could not vertically center mobile version (when using media query). What is the best solution for this?

  • When using bootstrap for layout and bootstrap breakpoints, I could not get the image to change properly - the transtition is not fluent and is problematic on the breaking point (1200 px in this case). Is this doable with bootstrap or should I use own media query for such layouts?

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on kefiiiiR's solution.

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