mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 01:25:52 -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;
|
||||
width: 145px;
|
||||
padding: 0px;
|
||||
left: 60px;
|
||||
left: 0px;
|
||||
top: 60px;
|
||||
|
||||
@media #{$intermediate} {
|
||||
left: -20px;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
@media #{$medium} {
|
||||
width: 80px;
|
||||
left: -32px;
|
||||
top: -8px;
|
||||
top: 0px;
|
||||
|
||||
img {
|
||||
width: 80px;
|
||||
|
@ -1201,7 +1195,6 @@ p {
|
|||
|
||||
@media #{$small} {
|
||||
width: 80px;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
|
||||
img {
|
||||
|
@ -1212,16 +1205,11 @@ p {
|
|||
|
||||
.pizza-img {
|
||||
position: absolute;
|
||||
right: 80px;
|
||||
bottom: 40px;
|
||||
|
||||
@media #{$intermediate} {
|
||||
right: 0px;
|
||||
}
|
||||
bottom: 40px;
|
||||
|
||||
@media #{$medium} {
|
||||
width: 80px;
|
||||
right: 0px;
|
||||
|
||||
img {
|
||||
width: 80px;
|
||||
|
@ -1230,7 +1218,6 @@ p {
|
|||
|
||||
@media #{$small} {
|
||||
width: 80px;
|
||||
right: 0px;
|
||||
|
||||
img {
|
||||
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