My point wasn't to replace the classic class grid, just to give basic HTML5 grid if necessary. You can always add any other CSS Framework for grid formatting. About <section> and other HTML5 tags.. you can always personalise the code to your standards.
The grid is based on this:
parent element {display: flex; flex-flow: row wrap}
child element {flex:1}
Replace the parent element (container) with any HTML element, replace the child element with your preferred semantic element.
Great reply, Vlad. Your code is really small and tight, and it's easy to modify, just as you say. That's one of the benefit of writing in the style that you did: modern, using all of modern CSS's native goodness. Which means its small, static, no build, and easy to modify. Very nice work.
This is spectacular, thank you. It's small enough to just inline into the webpage and provides a nice enough experience to just leave it alone for a very basic page.
It is a simple solution for very common problem: styling a CSS button. There are many CSS buttons libraries but they usually force you to use their style or size. That is why this is interesting and simple solution born with my necessity not to recode and reinvent the CSS button for every new project.
The grid is based on this: parent element {display: flex; flex-flow: row wrap} child element {flex:1}
Replace the parent element (container) with any HTML element, replace the child element with your preferred semantic element.