Submitted over 3 years ago

Responsive layout using Flexbox, SCSS (Koala SCSS) and tool : PureRef

sass/scss

LVL 1

Jérémie Génier•10

@JeremieGenier

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

I got a question about the use of the <Picture> element on the HTML. Everything seems to work just fine, but strangely enough when the browser is resized the <img> inside of it seems to take the full size of it's container and instantly take the size it should take from Flexbox and other CSS properties extremly quickly. It makes the image "flicker" for around a frame. Is there a way ro avoid the flickering effect?

This component was made with Yandex (Chrome based browser).

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jérémie Génier’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