DEV Community

loading...
Cover image for Flexbox grid

Flexbox grid

Сова
・1 min read

Hi people :)
I'am sorry, my English is bad..
This is my first post on dev.to
Please don't throw stones at me :)

I had a task to make a CSS grid.

Alt Text

Of course you can do it on css grid and I did it on them.
But I can't find easy ways! :)
And so I made it on flexbox..

Alt Text

I also needed to implement margins in it "margin: 1px".
To calculate the indents, I used the css function "clamp()".

Here's what came of it
(https://codepen.io/brendan8c/pen/oNxqKNY?editors=1100)
What do you think about this?

Discussion (0)

Forem Open with the Forem app