Responsive Columns and 'Old-School' {Lycos} Buttons
This page could have also been called: 0awesom3's Third Help Page - OR - Tutorial on responsive columns via CSS styling and resizing
You do not have to... release - the menu! ☰
You can also change {mix} column types or 'classes.' For example, different small and large screen versions {col-5 and col-s-9} were used on this block. On a large screen it will occupy 41% and on a small screen it scales up to 75% of the screen's visible space.What -
did you expect to happen on this row?
Where -
did you expect this block of text to show up?
How -
can you change its location?
col-8 calls for 66% of the sreen's space. So, this block does fit here. I bet float left would have pulled it under column 1 or (col-3) using this page's css naming convention. I am also speculating that putting two less buttons in that column would have made it short enough for this block to fit all the way against the left margin. {Two less buttons would make it the same height as the two colums that succeed it (col-4 and col5)}.
That 66% block appears against the left margin currently so - I am assuming your theory was correct, sir. This 33% column (col-4) will then 'butt' against it. This col should be more of an 'aside,' but I do not really know what these delinations do... Or rather, what classes and styles are 'baked-in' to the afore mentiond name {aside}. You should examine the w3 style sheets that you are refrencing in your [head].
