How to make a webpage without any frameworks like bootstrap4, 5 ....?

[alexseo]

How to make a webpage without any frameworks like bootstrap4, 5 … ?

I want to make a webpage with only html, css and javascript.

That is to say, Plain HTML

When I watch the video of SummerNights,
the instruct uses bootstrap 4, even if he codes plain HTML.
Finally the finished.html is affected by bootstrap 4.

I want the finished.html to not be affected by bootstrap 4.

How to make a responsive webpage with Plain HTML?

Thanks.

[schpengle]

Here you go, select this option.

That’s for plain html…
but

then you want to make it responsive.
so now you either need to reinvent the wheel and write all your own code with media queries, responsive images breakpoints etc etc.

or
use a library which already contains responsive assets, such as bootstrap etc that you dont want to do , so have a look at this.

this will give you some idea.

How to create a Responsive Website | BrowserStack

so good luck and have some fun.

others will hopefully give you more details but this is while you are waiting.

[alexseo]

Thank you very much, schpengle.

[schpengle]

Your welcome
and oops!

I thought Id listed the major player in all of this CSS Grid.
I thought of it, but… didnt write it! My bad.

And, did you check out Summer nights 2 tutorial? the second series on summer nights, made by @RobM

Summer Nights 2 - Creating a CSS Grid layout in Pinegrow | Pinegrow Web Editor

Also check out the Forums search tool, the magnifying glass/loupe up on the top right corner of the forum for CSS GRID and Flexbox related things.

COMPLETE List of PINEGROW Docs/tutorials on CSS GRID

Here we are! Link to the official PineGrow CSS GRID docs and vids. https://pinegrow.com/docs/css-grid/tutorials/ This above link comprises of 3 parts:- Learn CSS Grid with Pinegrow, 11 part video tutorial. https://pinegrow.com/courses/learn-css-grid-with-pinegrow/ Summer Nights 10 Part course -Video tutorial Using Named Tracks and Areas in depth tutorial, including one video. And then we have this useful article, How to Learn CSS Grid with PineGrow on Medium.com by @matjaz …

So the above link shows how to use css grid within pinegrow.
very handy

There are great tools for your arsenal too.

there are now probably far more than I have listed in my complete list -from 3 years ago!
I am afraid I have been very slack on the web dev front for a a while now, so am rusty.

So there you go, sorry I left that out. Still, at least realising I had ,made me add more info for you.
I cant believe I left out css grid.
Sorry!