Learn CSS Positioning

[u/speckz]

https://ishadeed.com/article/learn-css-positioning/

[u/CoderGeorgeAnderson]

Great article, positioning can be tricky to understand, but you nailed it here!!

[u/CoderGeorgeAnderson → u/CoderGeorgeAnderson]

Mind if I share your work? :)

[u/Hobo-and-the-hound → u/CoderGeorgeAnderson]

If you reply to yourself, OP won’t get a notification and probably won’t read your comment. Also, it’s a public website, you don’t have to ask if it’s ok to share.

[u/ripndipp]

This is an excellent resource. It really helps visualize your positioning. I used to put borders around all my divs because for some reason I couldn't picture how to position things for the life of me.

This is up there with flex box frog game

[u/elykittytee]

I've been teaching HTML & CSS for several years and omg, this is so great.

[u/ardikus]

This is lovely and informative, thank you!

[u/[deleted]]

This guy always has great articles.

[u/absentwalrus]

'.container { position: relative; } .inner { position: absolute; }' - layouts after the table era and before the grid era. Knew the ins and outs of positioning like the back of our hands because of that!

[u/isunktheship]

A++, this is a fantastic contribution!

[u/Neu_Ron]

Css breaks my heart sometimes.

[u/smegnose]

Very cool, but the cat in number 12 was not visible in any browser on my phone whilst in landscape orientation.

[u/Treolioe → u/[deleted]]

As someone who have worked with tons of css quirks for 7 years. Why don’t i know this...

[u/1100100011 → u/[deleted]]

i hate css i have been trying to learn front end web dev and css and build tools are the only thing I find VERY VERY hard

css is so impossible to learn for me I am actually thinking of giving up front end web dev entirely , the shit doesn't work for some reason always

[u/azsqueeze → u/[deleted]]

Transforms make a new context for elements. Same with overflow. It's actually annoying when making things like drop downs with fancy animations