Sign in
Log inSign up
NELSON MICHAEL

8 comments

Bolaji Ayodeji
Bolaji Ayodeji
Aug 5, 2020

Learn a lot from this, thanks for sharing!

5
·
·1 reply
NELSON MICHAEL
NELSON MICHAEL
Author
·Aug 5, 2020

awesome. Glad it was a good read, chief

2
·
Victoria Lo
Victoria Lo
Aug 5, 2020

Thanks for writing this, a good revision for me :)

2
·
·1 reply
NELSON MICHAEL
NELSON MICHAEL
Author
·Aug 5, 2020

yaaay, I'm glad you found it helpful

1
·
Sabin Adams
Sabin Adams
Aug 6, 2020

Good stuff, thanks! Definitely a good refresher on what each of those values actually does!

1
·
·1 reply
NELSON MICHAEL
NELSON MICHAEL
Author
·Aug 6, 2020

awesome, I'm glad it was helpful

1
·
Christopher Caston
Christopher Caston
Aug 9, 2020

Thanks for making this guide. I am learning JavaScript and css and came across your article after it was posted to reddit.

I have been working on a javascript page to demonstrate the use of floats and clears which is here:

j354374.github.io/fed-scripting/portfolio/…

After seeing your post I have started expanding it to include positioning.

Please see:

web: j354374.github.io/fed-scripting/portfolio/… source: github.com/j354374/fed-scripting/tree/mast… codepen: codepen.io/j354374/pen/bGpdEyO

Next I am looking at adding a X,Y position input or picker and css variables. I could even make the boxes draggable .

Do you think I should remove floats from this version?

·
·1 reply
NELSON MICHAEL
NELSON MICHAEL
Author
·Aug 10, 2020

wow, awesome work Christopher Caston, no I think you should leave the floats version, it shows different examples. And making it draggable would be a really nice idea.

·