diff options
| -rw-r--r-- | blog/_assets/stylesheets/_releases.scss | 1 | ||||
| -rw-r--r-- | blog/_assets/stylesheets/_tracklist.scss | 9 | ||||
| -rw-r--r-- | blog/_assets/stylesheets/main.scss | 5 |
3 files changed, 12 insertions, 3 deletions
diff --git a/blog/_assets/stylesheets/_releases.scss b/blog/_assets/stylesheets/_releases.scss index 97fc00d..3a6999d 100644 --- a/blog/_assets/stylesheets/_releases.scss +++ b/blog/_assets/stylesheets/_releases.scss @@ -2,6 +2,7 @@ display: flex; flex-direction: column; width: 412px; + max-width: 100%; text-align: center; padding-top: 2mm; } diff --git a/blog/_assets/stylesheets/_tracklist.scss b/blog/_assets/stylesheets/_tracklist.scss index e019a12..74195e6 100644 --- a/blog/_assets/stylesheets/_tracklist.scss +++ b/blog/_assets/stylesheets/_tracklist.scss @@ -17,15 +17,18 @@ } .track-info { padding: { - left: 10mm; + left: 5mm; right: 5mm; top: 3mm; bottom: 3mm; } - background-color: rgba(0, 0, 0, 0.7); - display: flex; + background-color: $content-bg; + @media (min-width: 800px) { + display: flex; + } img { margin-right: 3mm; + flex: 1 0 auto; } } } diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss index 5847972..5ce5218 100644 --- a/blog/_assets/stylesheets/main.scss +++ b/blog/_assets/stylesheets/main.scss @@ -38,6 +38,11 @@ h1 { font-size: $huge-font-size; } +img { + max-width: 100%; + height: auto; +} + #page-container { max-width: 980px; margin: { |