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

Revision as of 20:10, 18 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%;
    }
}