KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Align movie attributes with flex instead of float

Browse Source
This commit is contained in:
Kevin
2019-11-24 21:25:26 +01:00
parent 53c0aca460
commit 5bc2709231
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Movie.vue
View File

@@ -421,15 +421,19 @@ export default {
font-size: 13px; font-size: 13px;
line-height: 1.8; line-height: 1.8;
margin-bottom: 20px; margin-bottom: 20px;
flex: 0 0 100%;
@include tablet-min { @include tablet-min {
margin-bottom: 30px; margin-bottom: 30px;
font-size: 14px; font-size: 14px;
} }
} }
&__details { &__details {
&-block { display: flex;
float: left; width: 100%;
} flex-direction: row;
flex-wrap: wrap;
&-block:not(:last-child) { &-block:not(:last-child) {
margin-bottom: 20px; margin-bottom: 20px;
margin-right: 20px; margin-right: 20px;