Streaming live at 10am (PST)

Div block Float Left


#1

Good day!
I'm doing portfolio, and would like different preview with different sizes. But not all the div blocks I could place to place that I want. In screenshot I'd like to place left one div block "photo category 3 6" under the first div block "photo category 1", but couldn't in spite of the option Float left.

Could anybody give an advice? Preview NSFW - https://preview.webflow.com/preview/olivia-photographer?preview=cb3612593cdcc58742993cc8ed161ee2. TIA


#2

Hello Stephan,

Try Flexbox. It might be easier.

The last image starts a new row.
It won't float up unfortunately.

Here's a link using Flexbox:
https://preview.webflow.com/preview/area52?preview=10b71bc523795cc05b920c09d8bee14f

:slight_smile:


#3

Thank you very much! I've understood. I've learned flex box and end all levels of their learning game. It's cool!


#4

Just be aware flexbox might cause issues with Internet Explorer. There are two other options you could use. Both are listed in this blog post.

The easier being Sergie's column solution. The more complex being Masonry.


#5

Thanks, I took notice of these solutions.


#6

In this decision there is one moment - some blocks are not have the same height. In overall design it's not good.


#7

I've edited flexbox in portrait for mobile devices and now I see that flexbox doesn't work. Is that another problem with flexbox in mobile device or I've done something wrong?


TIA


#8

What device is that? An iPad?


#9

Also, please make sure you designate this NSFW.


#10

Yes, iPad. What you mean by phrase "make sure you designate this NSFW"?


#11

Not Safe For Work. Typically if a site contains nudity or something that would be offensive in a corporate office setting, you tag it NSFW so people know to not click the link while at work.


#12

Oh, thanks, now I've understood. You mean I need in topic or in the text to write NSFW. Sorry! Never thought about it!


#13

You are forgiven.

As far as the flexbox problems go, I have had issues with Safari not supporting either flexbox as a whole, or certain parts of it. I can almost guarantee that is where your issue is.


#14

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.