# How to make a webpage without any frameworks like bootstrap4, 5 ....? **URL:** \ **Category:** Pinegrow Interactions Add-on\ **Created:** [March 9, 2022, 12:29pm UTC](https://forum.pinegrow.com/t/how-to-make-a-webpage-without-any-frameworks-like-bootstrap4-5/6361 "2022-03-09T12:29:56Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Post date:** [March 9, 2022, 12:29pm UTC](https://forum.pinegrow.com/t/how-to-make-a-webpage-without-any-frameworks-like-bootstrap4-5/6361/1 "2022-03-09T12:29:56Z")
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. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [March 9, 2022, 12:35pm UTC](https://forum.pinegrow.com/t/how-to-make-a-webpage-without-any-frameworks-like-bootstrap4-5/6361/2 "2022-03-09T12:35:50Z")
![Screenshot 2022-03-09 at 12.33.05](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/5/59adaa632fabf970c6b833558e7577592e098710.jpeg) 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](https://www.browserstack.com/guide/how-to-create-responsive-website)** > > How to easily make a website responsive? Find out 7 core elements on how to build a responsive website or webpage. Learn about free testing tools. so good luck and have some fun. others will hopefully give you more details but this is while you are waiting. ---
**Author:** ![alexseo](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@alexseo](https://forum.pinegrow.com/u/alexseo)\ **Post date:** [March 10, 2022, 12:40am UTC](https://forum.pinegrow.com/t/how-to-make-a-webpage-without-any-frameworks-like-bootstrap4-5/6361/3 "2022-03-10T00:40:10Z")
Thank you very much, schpengle. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [March 10, 2022, 10:24am UTC](https://forum.pinegrow.com/t/how-to-make-a-webpage-without-any-frameworks-like-bootstrap4-5/6361/4 "2022-03-10T10:24:45Z")
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](https://pinegrow.com/docs/css-grid/tutorials/creating-a-css-grid-layout-in-pinegrow/)** > > CSS Grid has gained much wider support, with virtually all modern browsers supporting it. Page layout is significantly easier than using traditional floats and widths, and best of all… 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](https://forum.pinegrow.com/t/complete-list-of-pinegrow-docs-tutorials-on-css-grid/2862): > > Here we are! Link to the official PineGrow CSS GRID docs and vids. [https://pinegrow.com/docs/css-grid/tutorials/](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/](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](http://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! 😃