# Responsive Design

**URL:** <https://forum.pinegrow.com/t/responsive-design/5357>\
**Category:** Questions\
**Tags:** css\
**Created:** [June 18, 2021, 10:38pm UTC](https://forum.pinegrow.com/t/responsive-design/5357 "2021-06-18T22:38:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![HerrscherOfReason](https://avatars.discourse-cdn.com/v4/letter/h/a8b319/32.png) [@HerrscherOfReason](https://forum.pinegrow.com/u/HerrscherOfReason)\
**Post date:** [June 18, 2021, 10:38pm UTC](https://forum.pinegrow.com/t/responsive-design/5357/1 "2021-06-18T22:38:19Z")

</div>

I want to know the best way to make responsive website , i 've seen many tutorials using grids columns and section , but which one i should use correctly?

---

<div class="post-metadata">

**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\
**Post date:** [June 19, 2021, 6:22am UTC](https://forum.pinegrow.com/t/responsive-design/5357/2 "2021-06-19T06:22:06Z")

</div>

In Bootstrap 5 the structure is simple:

```auto
<section class="mysection">
<div class="container">
<div class="row">
<div class="col-md-12"><!--This is one big column of 12, but you could also do 2x6 or 3x 4-->
</div><!--closing col-md-12-->
</div><!--closing row-->
</div><!--closing container-->
</section>

```

There are premade elements and components for Bootstrap 5:

 ![bootstrap5-elements](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/9e3697cf90c0907c745614feb6fa07c536cc32c1.png)  
 ![bootstrap5-components](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/5/5046c9dcef7649505d564024bda1a53c2691d152.png)  
Always keep at least one page open to see the elements en components.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [June 19, 2021, 12:37pm UTC](https://forum.pinegrow.com/t/responsive-design/5357/3 "2021-06-19T12:37:09Z")

</div>

Hi @HerrscherOfReason,  
Do you want to use a framework, or just plain HTML? CSS Grid is really powerful and responsive. But as @AllMediaLab pointed out, Bootstrap (and Tailwind CSS) frameworks have some built-in classes for responsiveness. The answer to this question really depends on your starting point.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![HerrscherOfReason](https://avatars.discourse-cdn.com/v4/letter/h/a8b319/32.png) [@HerrscherOfReason](https://forum.pinegrow.com/u/HerrscherOfReason)\
**Post date:** [June 21, 2021, 6:42pm UTC](https://forum.pinegrow.com/t/responsive-design/5357/4 "2021-06-21T18:42:15Z")

</div>

Thanks @RobM @AllMediaLab , gonna see some examples of pre made Structure of websites to fullfill my needs.