# post-carousel/4.0.8/blocks/includes/post-grid-four/style.css

Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News, version 4.0.8. 1 lines.

- Page: https://pluginprobe.com/plugins/post-carousel/4.0.8/code/blocks/includes/post-grid-four/style.css
- Raw: https://pluginprobe.com/plugins/post-carousel/4.0.8/raw/blocks/includes/post-grid-four/style.css
- Modified: 2026-09-02T10:51:28+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/post-carousel/4.0.8/code/blocks/includes/post-grid-four/style.css#L10-L20`.

```css
.sp-smart-show-pro.grid-four-container.grid-four-layout-five .sp-smart-post-grid-four-static-contents,.sp-smart-show-pro.grid-four-container.grid-four-layout-four .sp-smart-post-grid-four-static-contents,.sp-smart-show-pro.grid-four-container.grid-four-layout-one .sp-smart-post-grid-four-static-contents,.sp-smart-show-pro.grid-four-container.grid-four-layout-three .sp-smart-post-grid-four-static-contents,.sp-smart-show-pro.grid-four-container.grid-four-layout-two .sp-smart-post-grid-four-static-contents{grid-template-columns:repeat(4,1fr)}.sp-smart-show-pro.grid-four-container.grid-four-layout-one .sp-smart-post-grid-four-static-contents div:nth-child(2){grid-column:2/4;grid-row:1/3}.sp-smart-show-pro.grid-four-container.grid-four-layout-two .sp-smart-post-grid-four-static-contents div:nth-child(1){grid-column:1/3;grid-row:1/3}.sp-smart-show-pro.grid-four-container.grid-four-layout-three .sp-smart-post-grid-four-static-contents div:nth-child(3){grid-column:3/5;grid-row:1/3}.sp-smart-show-pro.grid-four-container.grid-four-layout-four .sp-smart-post-grid-four-static-contents div:nth-child(1){grid-column:1/3;grid-row:1/3}.sp-smart-show-pro.grid-four-container.grid-four-layout-four .sp-smart-post-grid-four-static-contents div:nth-child(2){grid-column:3/5}.sp-smart-show-pro.grid-four-container.grid-four-layout-five .sp-smart-post-grid-four-static-contents div:nth-child(1){grid-column:1/3;grid-row:1/3}.sp-smart-show-pro.grid-four-container.grid-four-layout-five .sp-smart-post-grid-four-static-contents div:nth-child(4){grid-column:3/5}.sp-smart-show-pro.grid-four-container.grid-four-layout-six .sp-smart-post-grid-four-static-contents{grid-template-columns:repeat(3,1fr)}.sp-smart-show-pro.grid-four-container.grid-four-layout-six .sp-smart-post-grid-four-static-contents div:nth-child(1){grid-column:1/3;grid-row:1/3}.sp-smart-show-pro.grid-four-container .sp-smart-post-grid-four-static-contents{display:grid;min-height:500px}@media screen and (max-width:768px){.grid-four-container .sp-smart-post-grid-four-static-contents{height:auto!important}.grid-four-container .sp-smart-post-grid-four-static-contents div:nth-child(1),.grid-four-container .sp-smart-post-grid-four-static-contents div:nth-child(2),.grid-four-container .sp-smart-post-grid-four-static-contents div:nth-child(3),.grid-four-container .sp-smart-post-grid-four-static-contents div:nth-child(4){grid-column:auto!important;grid-row:auto!important}}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title{position:relative;display:inline-block}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:after{content:"";position:absolute;transition:width .6s ease}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title::before{content:"";position:absolute;transition:width .6s ease}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title .line{position:relative;display:inline-block;padding-bottom:2px}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title .line::after{content:"";position:absolute;bottom:0;left:0;width:100%;transform:scaleX(0);transition:transform .4s ease;z-index:-1}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line::after{transform:scaleX(1)}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(1)::after{transition-delay:0s}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(2)::after{transition-delay:.2s}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(3)::after{transition-delay:.4s}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(4)::after{transition-delay:.6s}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(5)::after{transition-delay:.8s}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(6)::after{transition-delay:1s}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(7)::after{transition-delay:1.2s}.sp-smart-post-grid-four .sp-smart-post-card .sp-smart-post-title:hover .line:nth-of-type(8)::after{transition-delay:1.4s}
```