<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

main,section,article{
    box-sizing: border-box;
}
section{
    padding-top:10px;
    width:100%;

    display:flex;
  flex-wrap:wrap;
    justify-content: space-between;
    align-content:space-around;

  
}
 article img{
    width:100%;
}

article{
   border-right:2px solid #a5121c;
   padding:5%;
   font-size:0.9em;
   width:25%;

}
article:nth-child(4n){
    border-right:initial;
}
@media (769px &lt;= width &lt;= 1024px){

    main{
        padding:10px;
    }
    article{
       
        border-right:initial;
       
    }
    article{
        width:33%;
        border-right:2px solid #a5121c;
    }
    article:nth-child(3n){
        border-right:initial;
    }
    article:nth-child(4n){
        
        border-right:2px solid #a5121c;
    }
    article:nth-last-of-type(){
        border-right:initial;
    }
}

@media (480px &lt;= width &lt;= 768px){

    main{
        padding:10px;
    }
    article{
        width:50%;
        border-right:initial;
       
    }
    article:nth-child(odd){
        border-right:2px solid #a5121c;
    }
}
@media (width &lt;= 479px){
 
    main{
        padding:10px;
    }
    article{
        width:100%;
        border-right:initial;
       
    }
}</pre></body></html>