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>
Message édité le 07 mai 2021 à 01:34:42 par Pecker_Arka
