@@ -95,7 +95,7 @@ body
|
||||
--image-size: 120px
|
||||
|
||||
background-color: $background
|
||||
padding: 15px 15px 12vh
|
||||
padding: 15px 15px 40px
|
||||
|
||||
.page-number
|
||||
color: #444
|
||||
@@ -168,6 +168,11 @@ body
|
||||
margin: 0 auto
|
||||
min-height: 100vh
|
||||
|
||||
@media screen and (max-width: $layout-a-max)
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
|
||||
.description-section
|
||||
display: grid
|
||||
align-items: start
|
||||
@@ -179,6 +184,11 @@ body
|
||||
overflow-y: auto
|
||||
box-sizing: border-box
|
||||
|
||||
@media screen and (max-width: $layout-a-max)
|
||||
position: inherit
|
||||
top: inherit
|
||||
height: inherit
|
||||
|
||||
.user-header
|
||||
display: flex
|
||||
align-items: center
|
||||
@@ -208,6 +218,9 @@ body
|
||||
font-size: 20px
|
||||
line-height: 1.4
|
||||
|
||||
@media screen and (max-width: $layout-a-max)
|
||||
font-size: 18px
|
||||
|
||||
.images-gallery
|
||||
display: flex
|
||||
flex-direction: column
|
||||
@@ -216,6 +229,9 @@ body
|
||||
background-color: #262728
|
||||
padding: 10px
|
||||
|
||||
@media screen and (max-width: $layout-a-max)
|
||||
flex: 1
|
||||
|
||||
.sized-image
|
||||
color: #eee
|
||||
background-color: #3b3c3d
|
||||
|
||||
Reference in New Issue
Block a user