Archived topic
dont work CSS Grid into element: header and hook
4 replies · Started by Viktor on August 15, 2021
why CSS Grid dont work into element on my site: header and hook
pls see my website link https://volkonski.pc-mobile-internet.ru/stroitelstvo/
<h1 class="service-grid-page-title">{{post_title}}</h1>
<style>
.service-grid-page {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-gap: 20px;
}
.service-grid-page .service-grid-page-item {
background-color: #28314E;
border: 1px solid #212941;
padding: 8px 15px;
color: #ffffff;
font-size: 18px;
font-family: roboto;
}
</style>
Hi there,
Not exactly sure if I understand.
What are you trying to achieve?
CSS should be added using one of these methods:
Adding CSS: https://docs.generatepress.com/article/adding-css/
Hi Leo !
i'm using css grid and child theme
but my code not working
i would like to split header on two section
but i received each section with width as 100% it same as just
without css grid
cant sent to you example because forum dont provide this posibility
Hi there,
i copied your CSS and added it to the top of your child themes styles.css ( using the browser developer tools ) and it worked.
