AWS free tier. S3+cloudfront has cost me $0.00 for the last year. This is incidentally the best price.
My (single page) personal site is HTML+CSS (no JS) based on a template generated by ChatGPT because I don't give a crap. Trying to make something that works on a mobile device and desktop is beyond my meagre skills. This worked fine.
>AWS free tier. S3+cloudfront has cost me $0.00 for the last year. This is incidentally the best price.
I haven't tried this setup, but I'm using Cloudflare to serve my static sites for $0.00 as well. My mini rails apps I've down to $6/month VPS that I'm happy enough with as well for anything a bit spicy.
I'm not sure if you are being serious about not understanding "the whole centering a div meme". Your example handles a trivial case, but does not address the whole of the problem.
As others have pointed out, vertical centering is often the problem being discussed (although difficulties with horizontal centering do happen). Anyone I know that has written any non-trivial web application has run into the situation where they spent way more time than they thought they should have to getting some element in a web application centered on the page the way they wanted it to be.
This article is a good example of the complexity, I think:
The author makes a decision tree, which illustrates the complexity fairly well, and then there's a conversation in the comments between the author and a reader about whether parts of the decision tree are correct.
CSS is extremely complicated. It's easy to get lost in the complexity, and it can be very frustrating when you know how you want something to look, but can't quite figure out how to get it to happen.
That's why the meme is so popular. LOTS of people who deal with CSS can relate.
I'll still bust this out if it's some quick page that's not going to last long (like some kind of "service down for maintenance" page that's only going to be visible for a few minutes, or something)
It's "bad" but you know what? It fucking works, it's concise, and I can remember it no matter how long I go between writing HTML/CSS.
Hell I wouldn't be surprised if the paths it takes through a typical browser engine also makes it burn 5% or fewer as many cycles as CSS centering methods.
Wow, I completely forgot about that image! Thank you for reminding me (it is now gone).
It was an experiment a while back and it was inline in order to keep it all in one file.
Actually that made me realize, my site is dynamic: Because I edit this one html file live on the server to make changes, whoever loads my website repeatedly while I'm doing that is going to see changes live.
GitHub has poor browsers backward compatibility. Considering it's owned by Microsoft, we should probably start counting the days until it ends up behind a login wall like LinkedIn.
Maybe apache or nginx as webservers
host it on shared stuff or AWS free tier
I just need to figure out how to center a div, and then I'll be in the business.