I don't have a personal site yet. But when I do, I plan to make it with HTML+CSS+JS/JQ only
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.
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.
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.
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.
width: 60%; // define your width as desired
margin: 0 auto;
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:
https://css-tricks.com/centering-css-complete-guide/
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.
And no cheating by using flexbox!
It's been working for the second century.
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.
And it's also ugly :)
- Most of it is CSS, which when removed still produces a pretty functional website.
- Most of the CSS is just one (commented out) background image
- There are about 5 lines of java script, which seem to just exist to obfuscate your email.
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.
The problem with AWS is their extortionate egress fees which are about 50-100 times the market price.