Responsive Design

General Questions
1

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?

2

In Bootstrap 5 the structure is simple:

<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
bootstrap5-elements1920×1080 171 KB

bootstrap5-components
bootstrap5-components1920×1080 196 KB

Always keep at least one page open to see the elements en components.

1 Like
3

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

1 Like
4

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