Commit dbae2cbe authored by carljbowman's avatar carljbowman

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
parent e2894dd1
...@@ -1181,18 +1181,12 @@ p { ...@@ -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 { ...@@ -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 { ...@@ -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 { ...@@ -1230,7 +1218,6 @@ p {
@media #{$small} { @media #{$small} {
width: 80px; width: 80px;
right: 0px;
img { img {
width: 80px; width: 80px;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment