How do you start layout?

Question

css

For several years now, I have been starting each project by scaffolding this generator https://github.com/yeoman/generator-webapp
And from time to time the thought arises to look at alternatives, to try something new. But somehow nothing similar is found, copying the folder with the collector configuration manually or writing it again every time looks somehow sad. And it is unlikely that it will be possible to write a galpfile better than there.
Tell us how you start layout, maybe I'm looking in the wrong place.
I’m also thinking about switching to prepros (I want to look in the gui, and I don’t need much from the assembler to layout the site, and everything is even in abundance there), but again it looks like I’ll have to carry a folder to start the project, or is it somehow solved ?

Answer 1

If the projects are of the same type, then yes, you can use your own or someone else's boilerplate.
But more often than not, the needs vary from project to project, and if it's small, then npm install will take you less time than commenting out irrelevant plugins in webpack/galpa.

Answer 2

try yeogurt
I also started with webapp. It is inconvenient because there is no template engine and tmp is hidden. To see dist without crap, you need to clean it and recompile it every time.
Yeogurt is much cooler. There are 2 templating engines to choose from + one of the three (well, you know what) + js testers.
There, the structure is not as primitive as in the webapp. It is generally for SPA.
Long story short, I'll just post the link. Generate and understand everything yourself
https://github.com/larsonjj/generator-yeogurt
He is also on yeoman. And browersync is also there.

Answer 3

This is most likely due to different block heights and float features.
Make them display: inline-block + vertical-align: top. Well, the parent font-size: 0 to remove the indent between the elements due to the space.
Remove float: left.

Answer 4

Made on bootstrap?

Answer 5

I recommend using flexbox