DEV Community

loading...

Discussion on: CSS got too many moving parts

Collapse
jkhaui profile image
Jordan Lee

Learn flexbox religiously, as well as the position attribute. After a lot of practice with that CSS will be a walk in the park for you bro.

Thread Thread
godwin_france profile image
One fulani boy Author

Alright, I have not covered flexbox yet. Maybe that will be the key.

For position attribute, which ones do you mean ?

Thread Thread
lysofdev profile image
Esteban Hernández

position: relative|absolute|fixed|sticky

Just understand what each of those 4 options does and you'll be miles ahead.

Thread Thread
jkhaui profile image
Jordan Lee

position: absolute and position: relative. Most important is you understand how this attribute interacts with a child element and its parent container (e.g. an absolute div within a relative div), as well as the bottom, top, left, right attributes.

There's also position: sticky but I think the only time you'll use that is with a navbar

edit: as another user pointed out, there's fixed too. But imo absolute and relative are by far the most important due to how they are influenced by every other element in the DOM.

Thread Thread
godwin_france profile image