This is a simple responsive logogrid setup. First add a new image size for logo.
/**************************************/
/** add new image size for logo grid **/
/**************************************/
function logo_image_size() {
add_image_size( 'logosize', '', 400, false );
}
add_action( 'after_setup_theme', 'logo_image_size' );
/*******************/
/*** Logo grid ****/
/*******************/
.logogrid {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
li {
display: inline-block;
img {
height: var(--spacing-xl);
margin: var(--spacing-xxs) var(--spacing-xs);
}
}
}