I’m been doing the Build a Website Design System project, however, I’ve got confused what the scenario would be when to use Display Inline-Block, Float or Position Absolute/Relative.
On this project I used all 3 methods to try and fully understand all of them. The colors section, I’ve got 6 different colors (2 rows of 3), so I used Float Left. The Fonts section I used Display Inline-Block (2 columns of 3). And for the Text Styles section, I used Position Absolute (2 rows of 2 boxes). If I’m correct, I think I could of used Display Inline-Block for all of them.
As far as I can see, would you only consider using a Float for images with text wrapped around it?
Also, when would Position Absolute/Relative is useful?