DEV Community

Cover image for What parts of CSS confuse you?

What parts of CSS confuse you?

Bryan Robinson on June 10, 2019

This discussion serves two purposes for me: 1) I'm truly curious to see what sorts of questions on CSS exist and 2) I'm working on creating more co...
Collapse
 
bbarbour profile image
Brian Barbour

One word:

cubic bezier

:)

Collapse
 
brob profile image
Bryan Robinson

Definitely can be super mind bending!

I'm by no means an expert on them (or the underlying math ;)).

I DO love this site for visualizing and playing with them: cubic-bezier.com/

I've used it a lot when I want to write a custom easing.

Collapse
 
jackgamesftw profile image
JackGamesFTW • Edited

mate that's two words

Collapse
 
wheatup profile image
Hao

Don't know where they come yet don't know what they do

flex

Collapse
 
brob profile image
Bryan Robinson

Nice meme :D

Those properties could probably be enough for an entire series since they work for flex and grid slightly differently.

Not sure I can do better than the complete guides to Flexbox and Grid on CSS Tricks, though:

css-tricks.com/snippets/css/a-guid...

css-tricks.com/snippets/css/comple...

Take a look at those and let me know if that meets your needs or if a different type of explanation would be better

Collapse
 
wheatup profile image
Hao

Wow thank you :D

Guess it's time to face my fear and dive into it

Thread Thread
 
brob profile image
Bryan Robinson

Those CSS Tricks resources were amazingly helpful to me when I started learning Grid and Flex. Make something simple on CodePen and try things out.

When I say super simple, I'm talking colored boxes on the page. Great thing about playing in something like this is there's nothing to break, so no need to worry :D

In fact, here's a quick CodePen that you can fork if you want and play around: codepen.io/brob/pen/dBozpX