Responsive

Bonjour.
Je ne peux pas répondre a ta question, mais voila un code tout pret pour du responsive:

​<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
    body {
        font: 24px Helvetica;
        background: #999999;
    }

    #main {
        min-height: 800px;
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: row;
    }
 
    #main > article {
        margin: 4px;
        padding: 5px;
        border: 1px solid #cccc33;
        border-radius: 7pt;
        background: #dddd88;
        flex: 3 1 60%;
        order: 2;
    }

    #main > nav {
        margin: 4px;
        padding: 5px;
        border: 1px solid #8888bb;
        border-radius: 7pt;
        background: #ccccff;
        flex: 1 6 20%;
        order: 1;
    }
  
    #main > aside {
        margin: 4px;
        padding: 5px;
        border: 1px solid #8888bb;
        border-radius: 7pt;
        background: #ccccff;
        flex: 1 6 20%;
        order: 3;
    }
 
    header, footer {
        display: block;
        margin: 4px;
        padding: 5px;
        min-height: 100px;
        border: 1px solid #eebb55;
        border-radius: 7pt;
        background: #ffeebb;
    }
 
    /* Too narrow to support three columns */
    @media all and (max-width: 640px) {
        #main, #page {
            flex-direction: column;
        }

        #main > article, #main > nav, #main > aside {
        /* Return them to document order */
            order: 0;
        }
  
        #main > nav, #main > aside, header, footer {
            min-height: 50px;
            max-height: 50px;
        }
    }
    </style>
  </head>
  <body>
    <header>header</header>
    <div id='main'>
      <article>article</article>
      <nav>nav</nav>
      <aside>aside</aside>
    </div>
    <footer>footer</footer>
  </body>
</html>

Tu peux essayer de modifier un peu les propriétés CSS pour que tout s'affiche de la même couleur.
Coridalement.
Technoinfo.
Source du code :https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox?redirectlocale=en-US&redirectslug=CSS%2FTutorials%2FUsing_CSS_flexible_boxes

Salut

Tu as crée ce site toi même ? Avec des outils, framework, CMS ou autre ?

Parce que c'est "un poil" plus compliqué que ça pour rendre un site responsive.

Bonjour à tous, merci de vos messages
J'ai créé mon site moi même avec dreamweaver et suis pas une pro. J'ai repris une base d'un autre site et me suis débrouillée.
Avant pas de soucis la phrase meta que j'avais mise suffisait mais plus maintenant....
Si je fais comme j'ai compris le responsive par rapport à ce que j'ai lu , il faut paramétrer le CSS selon les principaux formats mais je me suis dit qu'il y avait peut être comme avant un "style type"......
Voilà
A vous lire, cordialement