-
I know others have already mentioned it, but i've recommended https://flexboxfroggy.com/ to others before and they quickly picked it up.
This is another good one for learning css grid https://cssgridgarden.com/
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
I know others have already mentioned it, but i've recommended https://flexboxfroggy.com/ to others before and they quickly picked it up.
This is another good one for learning css grid https://cssgridgarden.com/
-
layoutit-grid
Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
One of my flexbox faves which is very similar to OP: https://flexbox.tech/.
A useful tool for generating Bootstrap code is https://build.layoutit.com/ and for CSS grid https://grid.layoutit.com/. Unfortunately the former is limited to Bootstrap 4, not 5.