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

Template page
No edit summary
No edit summary
Line 26: Line 26:
         grid-template-columns: repeat(2, 1fr);
         grid-template-columns: repeat(2, 1fr);
         grid-template-rows: repeat(3, 1fr);
         grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 10px;
         text-align: left;
         text-align: left;
}
}
}
}

Revision as of 09:10, 28 April 2022

#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);
        text-align: left;
}
}