Help Mon CSS depasse de la page web sur le forum Programmation - 07-05-2021 01:33:40

Niveau 7

07 mai 2021 à 01:33:40

Slt
Je comprends pas ce qu'il faut ajouter quand un element depasse de la page web

quand j'appuie sur le bouton ca crée des bloc violet a droite, sauf qu'au bout d'un moment ca dépasse de la page web, j'aimerais refaire revenir en bas de page pour refaire une nouvelle colonne j'ai aucune idée de comment faire

voila mon code CSS

* {
    box-sizing: border-box;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    margin: 0;
    min-height: 100vh;
}

button {
    background-color: rebeccapurple;
    color: white;
    font-family: inherit;
    padding: 1rem;
    border-radius: 5px;
    border: none;
}

#container {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.toast {
    background-color: rebeccapurple;
    border-radius: 5px;
    color: #fff;
    padding: 2rem;
    margin: 1rem;
}

et HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Toast Notification</title>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js" defer></script>
</head>

<body>
    <div id="container"></div>
    <button id="btn">Click me !</button>

    </nav>
</body>

</html>

Informatique

Programmation