Fix layout issues with CPS grid of 4 photos

- Reorder images so supporting illustrations do not overlap important photographic content
- Tweaked Pizza and Pencils positioning to adjust layout
This commit is contained in:
carljbowman 2020-10-27 10:30:47 -04:00
parent e2894dd18d
commit dbae2cbe66
3 changed files with 3 additions and 16 deletions

View file

@ -1181,18 +1181,12 @@ p {
position: absolute; position: absolute;
width: 145px; width: 145px;
padding: 0px; padding: 0px;
left: 60px; left: 0px;
top: 60px; top: 60px;
@media #{$intermediate} {
left: -20px;
top: -5px;
}
@media #{$medium} { @media #{$medium} {
width: 80px; width: 80px;
left: -32px; top: 0px;
top: -8px;
img { img {
width: 80px; width: 80px;
@ -1201,7 +1195,6 @@ p {
@media #{$small} { @media #{$small} {
width: 80px; width: 80px;
left: 0px;
top: 0px; top: 0px;
img { img {
@ -1212,16 +1205,11 @@ p {
.pizza-img { .pizza-img {
position: absolute; position: absolute;
right: 80px;
bottom: 40px;
@media #{$intermediate} {
right: 0px; right: 0px;
} bottom: 40px;
@media #{$medium} { @media #{$medium} {
width: 80px; width: 80px;
right: 0px;
img { img {
width: 80px; width: 80px;
@ -1230,7 +1218,6 @@ p {
@media #{$small} { @media #{$small} {
width: 80px; width: 80px;
right: 0px;
img { img {
width: 80px; width: 80px;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 709 KiB

After

Width:  |  Height:  |  Size: 667 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 667 KiB

After

Width:  |  Height:  |  Size: 709 KiB