Created
July 28, 2022 13:48
-
-
Save nextab/40e819afab8b8e2490c826764baea567 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Centered Text / Img on one side, text on other */ | |
| %centered-text { | |
| display: flex; | |
| .et_pb_column { | |
| display: flex; | |
| flex-flow: column nowrap; | |
| float: none; | |
| justify-content: center; | |
| .et_pb_module { | |
| margin: 0 auto 30px; | |
| max-width: 550px; | |
| width: 70%; | |
| &:first-child { margin-top: 90px; } | |
| &:last-child { margin-bottom: 90px; } | |
| } | |
| } | |
| } | |
| /* #endregion */ | |
| /* #region max-width 980px */ | |
| @media only screen and (max-width: 980px) { | |
| %centered-text { | |
| flex-flow: column nowrap; | |
| .et_pb_column { | |
| &.et_pb_column_empty { min-height: 440px; } | |
| .et_pb_module { width: 80%; } | |
| } | |
| } | |
| } | |
| /* #endregion */ | |
| /* #region max-width 479px */ | |
| @media only screen and (max-width: 479px) { | |
| .et_pb_row.centered-text .et_pb_column .et_pb_module { width: 90%; } | |
| } | |
| /* #endregion */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Nice. Thank you. Nicht vergessen: Das Bild als Hintergrund zur Column hinzufügen.