diff --git a/src/routes/MetaDetails/styles.less b/src/routes/MetaDetails/styles.less index dfd04891d..71f9450d1 100644 --- a/src/routes/MetaDetails/styles.less +++ b/src/routes/MetaDetails/styles.less @@ -24,6 +24,7 @@ z-index: 0; display: flex; flex-direction: row; + justify-content: space-between; .background-image-layer { position: absolute; @@ -55,7 +56,7 @@ } .meta-preview { - flex: 1; + flex: 0 1 40rem; align-self: stretch; } @@ -65,64 +66,4 @@ align-self: stretch; } } -} - -@media only screen and (min-width: @large) { - .metadetails-container { - .metadetails-content { - .meta-preview { - .meta-info-container { - width: 58rem; - } - } - } - } -} - -@media only screen and (max-width: @large) { - .metadetails-container { - .metadetails-content { - .meta-preview { - .meta-info-container { - width: 48rem; - } - } - } - } -} - -@media only screen and (max-width: @medium) { - .metadetails-container { - .metadetails-content { - .meta-preview { - .meta-info-container { - width: 40rem; - } - } - } - } -} - -@media only screen and (max-width: @small) { - .metadetails-container { - .metadetails-content { - .meta-preview { - .meta-info-container { - width: 34rem; - } - } - } - } -} - -@media only screen and (max-width: @xsmall) { - .metadetails-container { - .metadetails-content { - .meta-preview { - .meta-info-container { - width: 30rem; - } - } - } - } } \ No newline at end of file