body {
    display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 10px;
}



h1 {
    grid-column: 1 / span 6;
    grid-column-end: -1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 500%;
}

.DUMBAR {
    grid-column: 4 / span 3; 
    }

.PLANTES {

    grid-column: 2 / span 2;  
}




h2 {
    grid-column: 1 / span 6;
    grid-column-end: -1;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.Présentation {
    grid-column: 1 / span 2; 
    max-width: 100%;
    }

img {
    max-width: 100%;
    grid-column-end: span 2;
}


blockquote {
    
    grid-column: 3 / span 4; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    

}

h3{

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


/* ul {

    grid-column: 1 / span 2; 
}

li {
    grid-column-end: span 2;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} */

ul {
    display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 15px;

    list-style: none;
    padding: 0;
    grid-column: 1 / span 6;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

p {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    grid-column: 1 / -1;
    margin: 0;
}