Improve wrapping on mobile
This commit is contained in:
parent
5c3a4df209
commit
2030f623a0
|
@ -29,6 +29,9 @@
|
||||||
margin: 8px 4px 16px
|
margin: 8px 4px 16px
|
||||||
font-size: 17px
|
font-size: 17px
|
||||||
|
|
||||||
|
@media screen and (max-width: 499px)
|
||||||
|
display: block
|
||||||
|
|
||||||
.info-main
|
.info-main
|
||||||
flex: 1
|
flex: 1
|
||||||
|
|
||||||
|
@ -54,6 +57,10 @@
|
||||||
margin-top: 6px
|
margin-top: 6px
|
||||||
margin-left: 6px
|
margin-left: 6px
|
||||||
|
|
||||||
|
@media screen and (max-width: 499px)
|
||||||
|
align-items: flex-start
|
||||||
|
margin-left: 0px
|
||||||
|
|
||||||
.rating-bar
|
.rating-bar
|
||||||
margin-top: 8px
|
margin-top: 8px
|
||||||
width: 140px
|
width: 140px
|
||||||
|
|
|
@ -20,3 +20,4 @@
|
||||||
|
|
||||||
.button-container
|
.button-container
|
||||||
display: flex
|
display: flex
|
||||||
|
flex-wrap: wrap
|
||||||
|
|
Loading…
Reference in New Issue