Problème de DIV responsive

Seb Santelli
Les bases HTML/CSS

Bonjour,

je suis débutant en webdesign et j'ai créer ce site pour m'entrainer : http://santelliportfolio.fr/MB/index.php#

je rencontre toutefois pas mal de soucis et notamment lorsque je veux rendre mon site responsive.
Sur la page d'accueil que vous trouverez en suivant le lien, dans la section contenu, lorsque je réduit ma page les div se réduisent aussi mais les bloc se collent laissant un espace moche à droite.

J'aimerais arriver à coller les bloc de droite à droite et centrer ceux du milieu. Helas mes connaissances ne me permettent pas d'y arriver c'est pourquoi je solicite votre aide.

Merci par avance

2 réponses

Tekrai

Bonjour Seb,

ce que je peux te conseiller c'est d'utiliser la propriété display:flex et d'agencer ensuite tes éléments selon ce que tu recherches.
Grafikart a d'ailleurs fait un tutoriel là-dessus --> https://www.grafikart.fr/tutoriels/flexbox-806
Tu peux aussi utiliser la ressource qu'il parle dans la vidéo pour t'entraîner, je l'ai personnellement fait et ça m'a beaucoup aidé dans mon apprentissage --> https://flexboxfroggy.com/#fr

En te souhaitant bon courage,
Tekrai

PS : pour la prochaine fois, partage ton code ce qui pourrait potentiellement mieux nous aider à comprendre ta requête et pouvoir mieux t'aider également :-)

Grezor

Bonjour seb,
Tu peux utiliser bootstrap pour t'aider si tu souhaite. Avec le systèmes de grille.
Ou bien de faire une grille :
[https://www.grafikart.fr/tutoriels/grid-css-1002]()

Bon Courage,
Grezor