Template:Home/Welcome/styles.css: Difference between revisions

Template page
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
/*
#welcome {
#welcome {
     width: 50%;
     width: 50%;
}
}
*/


#welcome img{
#welcome img{
Line 34: Line 32:
}
}
}
}
/*
 
@media (max-width: 850px) {
@media (max-width: 850px) {
     #welcome {     
     #welcome {     
Line 40: Line 38:
     }
     }
}
}
*/

Revision as of 09:32, 21 April 2022

#welcome {
    width: 50%;
}

#welcome img{
    margin-top: 1em;
}

#welcome h1 {
    text-align: initial;
}

#welcome h2, #message, #cat {
    text-align: center;
}

#catlist {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 3em;
    justify-content: center;
}

@media (max-width: 600px) {
    #catlist {
        display: inline-grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 10px;
        text-align: left;
}
}

@media (max-width: 850px) {
    #welcome {    
        width:100%;
    }
}