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

Revision as of 20:32, 22 April 2022

#welcome {
    border: 1px solid #f81472;
    border-radius: 15px;
    padding-bottom: 20px;
}

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

#welcome h1 {
    text-align: initial;
}

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

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

#catlist li {
    margin: 0.75em;
}

@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;
}
}