mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 15:47:53 -05:00
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:
parent
e2894dd18d
commit
dbae2cbe66
3 changed files with 3 additions and 16 deletions
|
@ -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;
|
right: 0px;
|
||||||
bottom: 40px;
|
bottom: 40px;
|
||||||
|
|
||||||
@media #{$intermediate} {
|
|
||||||
right: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@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 |
Loading…
Reference in a new issue