Today I learned five ways to make a footer in CSS:

.footer { position: absolute; height: 60px; ...}
.body { margin-bottom: 60px; }

problem: not responsive.

.footer { position: absolute; padding: 1.5em 0; ...}
body {}

problem: if body is too long, it hides under the footer

.footer { position: static; padding: 1.5em 0; ...}
body {}

problem: if body is too short, there's empty space between the footer and the bottom of the browser window

and now for the correct ways:



Went with 5, because we already use flexbox elsewhere on the site, but don't use grid yet.

Also, this site seems like a mess to me... it uses bootstrap, but modifies it in weird ways...

And it used method 1 above for the footer...

Now I've never used boostrap, but AFAIK its main purpose is that you don't need to write any CSS, you just slap in predefined classes, and it makes your website look like every other website, right?

So if you want to write your own CSS, why use boostrap at all? Won't it get in the way?

@wolf480pl From what I've heard people just use it as a lazy starting point. Like a normalize.css but with some presets.

So you quickly make whatever shitty site your customer asks for and then you change some colors and stuff so normies can't tell it was made like every other site
@wolf480pl And also I'm pretty sure bootstap has some other features that was a huge pain in the ass to program from scratch but I can't remember what they were, haven't used bootstrap in like 5 years
Sign in to participate in the conversation
Moe Goods and Supplies

All your moe needs! A kind, generalistic instance where everyone is welcome! Important: if you sign up, be sure to check "spam" for your confirmation email if it does not appear.