diff --git a/assets/css/services/consulting-help-images.scss b/assets/css/services/consulting-help-images.scss new file mode 100644 index 0000000000000000000000000000000000000000..33f3683a555561727e8b7ea46833776b2072c366 --- /dev/null +++ b/assets/css/services/consulting-help-images.scss @@ -0,0 +1,36 @@ +--- +--- + +@import "boilerplate/breakpoints"; + +.image-block { + display: flex; + padding: 1rem 0; + align-items: center; + + div { + flex: 3 0 0; + } + + .help-image { + padding: 1rem 2rem; + flex: 1 0 0; + max-width: 14rem; // needed for Chrome on large screens + min-height: 5rem; // needed for Firefox on small screens + + &.right { + @include medium-is-tablet-plus { + order: 1 + } + } + } + + @include medium-is-phone { + flex-direction: column; + } +} + +.image-attrib { + font-size: 0.8rem; + text-align: right; +}