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 & about pages. 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.

[Finnick the Aquacat]

secret third option: grids lol
both floats and flexboxes for me personally have been too janky for me to get them to work well on my site, grids just fulfill my layout design ideas much better and now that I understand how to use them I'm gonna be fixing up my site with them soon