Little victories in css

Did u use flex box? If not you should 100% learn it

@iamroot I did use it here to center each item within the table cell

@TheAnimatrix did you use it to make the rows?

@iamroot I used it to make the items within the rows. The row itself has max width and height calculated with calc(100%/no of rows)

@iamroot CSS Grid is preety awesome too

@TheAnimatrix try this

https://jsfiddle.net/kordarei/...

it does the same thing but you might find it easier

I beg you, please clean your monitor!

@KorDarei yeah I know I just wanted a non grid like approach for learnings sake, CSS grid was one of the first things the internet taught me when I keyed in responsive design but thanks for the effort anyway !

You could do this fully responsive even without flexbox or css-grid.
It would need just some basic understanding of inline-block, absolute positioning and translations. 😄

Flexbox & CSS Grid are still a PITA if you have to support IE11...

So... there's no more prntscrn

Good job! Combining flexbox with grid gives you really easily customisable responsive layouts, btw.

@PonySlaystation I only did this to learn a different way of centering, I'm not implying I don't know other basic ones.

Anyways yeah transforms would be easier and lol I'm gonna show a 418 page to ie users so idc. Lazyness all the way.

@TheAnimatrix beautiful 🤣

Update: I think I've forgotten everything I learnt about css after 6 months of having no work dealing with it.