# post-carousel/4.0.4/blocks/includes/container/style.css

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

- Page: https://pluginprobe.com/plugins/post-carousel/4.0.4/code/blocks/includes/container/style.css
- Raw: https://pluginprobe.com/plugins/post-carousel/4.0.4/raw/blocks/includes/container/style.css
- Modified: 2026-04-24T11:48:54+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.4/code/blocks/includes/container/style.css#L10-L20`.

```css
.sp-smart-post-container{margin:auto}.sp-smart-post-show-pro .sp-smart-post-column__video-wrap,.sp-smart-post-show-pro .sp-smart-post-container__video-wrap{width:100%;height:100%;position:absolute;display:block;top:0;left:0}.sp-smart-post-show-pro .sp-smart-post-column__video-wrap video,.sp-smart-post-show-pro .sp-smart-post-container__video-wrap video{opacity:1;max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.sp-smart-post-container-selector{width:1400px;margin-left:auto;margin-right:auto;padding:14px}.sp-smart-post-show-pro .wp-block-sp-smart-post-show-container{max-width:none}.sp-smart-post-container-editor-page .sp-smart-post-container-column-2:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex}.sp-smart-post-container-editor-page .sp-smart-post-container-column-2:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(odd){width:calc(var(--columnOne,50%) - var(--gap,16px)/ 2)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-2:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(even){width:calc(var(--columnTwo,50%) - var(--gap,16px)/ 2)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-3:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex}.sp-smart-post-container-editor-page .sp-smart-post-container-column-3:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(3n+1){width:calc(var(--columnOne,33.33%) - var(--gap,16px)/ 3)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-3:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(3n+2){width:calc(var(--columnTwo,33.33%) - var(--gap,16px)/ 3)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-3:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(3n+3){width:calc(var(--columnThree,33.33%) - var(--gap,16px)/ 3)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-4:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex}.sp-smart-post-container-editor-page .sp-smart-post-container-column-4:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(4n+1){width:calc(var(--columnOne,25%) - var(--gap,16px)/ 4)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-4:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(4n+2){width:calc(var(--columnTwo,25%) - var(--gap,16px)/ 4)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-4:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(4n+3){width:calc(var(--columnThree,25%) - var(--gap,16px)/ 4)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-4:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(4n+4){width:calc(var(--columnFour,25%) - var(--gap,16px)/ 4)}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-one:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-one:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(6n+1){width:calc(var(--columnOne,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-one:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(6n+2){width:calc(var(--columnTwo,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-one:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(6n+3){width:calc(var(--columnThree,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-one:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(6n+4){width:calc(var(--columnFour,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-one:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(6n+5){width:calc(var(--columnFive,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-one:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(6n+6){width:calc(var(--columnSix,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-five:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-five:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(3n+1){width:calc(var(--columnOne,50%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-five:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(3n+2){width:calc(var(--columnTwo,50%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-five:not(.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(3n+3){width:calc(var(--columnThree,100%))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row:not(.container-column-multi-row-layout-one,.container-column-multi-row-layout-five,.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row:not(.container-column-multi-row-layout-one,.container-column-multi-row-layout-five,.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(4n+1){width:calc(var(--columnOne,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row:not(.container-column-multi-row-layout-one,.container-column-multi-row-layout-five,.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(4n+2){width:calc(var(--columnTwo,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row:not(.container-column-multi-row-layout-one,.container-column-multi-row-layout-five,.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(4n+3){width:calc(var(--columnThree,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}.sp-smart-post-container-editor-page .sp-smart-post-container-column-multi-row:not(.container-column-multi-row-layout-one,.container-column-multi-row-layout-five,.sp-smart-post-flex-column)>.block-editor-inner-blocks>.block-editor-block-list__layout>.sp-smart-post-container-column:nth-of-type(4n+4){width:calc(var(--columnFour,25%) - var(--gap,16px)/ var(--gapMultiplier,2))}@media screen and (max-width:767px){.sp-smart-post-container-parent-block .sp-smart-post-container-column{width:100%!important}}
```