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

Template page
No edit summary
No edit summary
Line 17: Line 17:
#welcome h2, #message, #cat {
#welcome h2, #message, #cat {
     text-align: center;
     text-align: center;
}
#right {
display: inline-flex;
justify-content: center;
align-items: center;
}
}


#catlist {
#catlist {
     display: inline-flex;
     display: inline-grid;
     flex-wrap: wrap;
     grid-template-columns: repeat(3, 1fr);
     justify-content: center;
     gap: 2em;
     list-style-type: none;
     list-style-type: none;
}
}

Revision as of 15:55, 4 June 2023

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

#welcome {
	grid-column: span 2;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

#welcome h1 {
    text-align: initial;
}

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

#right {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

#catlist {
    display: inline-grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    list-style-type: none;
}

#catlist img {
	width: 150px;
}

#catlist li {
    margin: 0.75em;
}