Are you a floater or a flexer?

[virtualpet2001]

I can't remember the exact reason why but float just wouldnt work on my website so I did end up using flexboxes for putting my things side-by-side. i can second that flexboxfroggy is nice for visualizing how it all works ... even though i always forget the exact names of the css tags...lol

[lakes]

I prefer the super secret third option of using a grid layout.

Code

.container {
  display: grid;
  grid-template-columns: auto auto auto;
    padding: 10px;
}
@media only screen and (max-width: 600px) {
  body {background-repeat: repeat;}
  .item1 {grid-area: 1 / span 6;}
  .item2 {grid-area: 2 / span 6;}
  .item3 {grid-area: 3 / span 6;}
  .item4 {grid-area: 4 / span 6;}
  .item5 {grid-area: 5 / span 6;}
  .item6 {grid-area: 6 / span 6;}
}

[Grillsen]

I never understood how flexbox worked and I tried grids but they turned out to be more trouble then they were worth. I am old school and use float or text-align to align things left or right. Margin:auto or text-align:center centers stuff just fine too. I used to use the old align html tags, but those are now deprecated apparently so I try to avoid them now in order to keep things up to date.

I am also a big advocate for tables. Tables are extremely versatile and easy to use once you understand them. Sure we have all kinds of fancy css now a days which is better for layouts, but I have always used tables and they still work great.

[lakes]

I am old school and use float or text-align to align things left or right. Margin:auto or text-align:center centers stuff just fine too. I used to use the old align html tags, but those are now deprecated apparently so I try to avoid them now in order to keep things up to date.

This is how I find out that "text-align" and "margin" are what's meant by "float."
But yeah I can understand that because I only use grid for my art page. Otherwise I just use "margin: auto/0 15 em/etc." Both methods are much more intuitive for me. But I never tried tables. I do follow someone on neocities who swears by it though.

[Slix]

For my site I actually use fixed absolute positioning and margin widths for the center content div and the menu bars on the sides. 

I do have some of them automatically change based on screen size using the @media max-width CSS now, though. For a part of my site I just have a separate mobile and desktop version and swap between them based on the user-agent when the site first loads for the user.

This is mainly because I styled it many years ago before all the fancy HTML/CSS stuff existed and I've been too lazy to change it when it works just fine on nearly any browser that's been made in the last 15 years.

[candycanearter07]

I prefer the super secret third option of using a grid layout.

Code

.container {
  display: grid;
  grid-template-columns: auto auto auto;
    padding: 10px;
}
@media only screen and (max-width: 600px) {
  body {background-repeat: repeat;}
  .item1 {grid-area: 1 / span 6;}
  .item2 {grid-area: 2 / span 6;}
  .item3 {grid-area: 3 / span 6;}
  .item4 {grid-area: 4 / span 6;}
  .item5 {grid-area: 5 / span 6;}
  .item6 {grid-area: 6 / span 6;}
}

In my opinion, grids kinda end up being too rigid to really work with, since it forces you to put everything in divs 3 layers down and it just feels completely off to me. I used to use grid in my old site but the jank involved is part of the reason why I jumped ship and rewrote everything on a seperate host.