diff --git a/src/App.css b/src/App.css index 3bd3474..382d67b 100644 --- a/src/App.css +++ b/src/App.css @@ -157,7 +157,7 @@ padding-bottom: 2.5vh; -ms-flex-direction: column; -ms-flex-wrap: wrap; - -webkit-flex-flow: row wrap; + -webkit-flex-flow: row wrap; } .soundProjectListContainer { @@ -168,7 +168,7 @@ margin: .5vw; display: flex; flex-direction: column; - justify-content: space-between; + /* justify-content: space-between; */ height: 100%; } @@ -187,7 +187,7 @@ display: flex; flex-direction: column; justify-content: center; - /* height: 5vh; */ + /* width: 100%; */ } .soundProject { @@ -203,20 +203,8 @@ height: auto; } -.soundPicFirst { - width: 100%; - height: auto; -} - -.soundPicLast { - width: 100%; - height: auto; -} - -@media screen and (max-width: 500px) { - .soundProjectListContainer { margin: 0; } - .soundContainer .col2 { padding: 0; } - +@media screen and (max-width: 450px) { + .soundContainer .col2 { padding: 0; width: 100vw; } } .InstagramIconCC { @@ -251,7 +239,7 @@ } .AppFooter, -.VideoHeader { +.AppHeader { font-size: 2vmin; } diff --git a/src/components/Frame.js b/src/components/Frame.js index 3722ffe..425acfc 100644 --- a/src/components/Frame.js +++ b/src/components/Frame.js @@ -28,10 +28,10 @@ export class Header extends React.Component { } } -export class VideoHeader extends React.Component { +export class AppHeader extends React.Component { render () { return ( -