Hi All, im following along on an Udemy course. So far so good, until I’ve hit flexboxes.
When adding an image the right hand block within the flexbox, the left hand block with my copy is knocked out.
Also the image in the righthand side is displaying smaller. Not sure if the two things are related. Screen grabs attached too.
Thanks
C
https://preview.webflow.com/preview/chat-app-704487?utm_medium=preview_link&utm_source=designer&utm_content=chat-app-704487&preview=986fc29343681e64b83682fd28535d96&workflow=preview
I recommend applying a 100% width to the flexbox element.
Left column apply a width of 50% (or whatever percentage of space you need) and 50% to the right column.
Remove the 200px of margin from the right column.
Your image has blank area included as part of the png, which is creating some of the spacing.
Thanks so much thats sorted it. The guide I was watching contained the wrong instructions for asset output. Have a good day.
C
1 Like