diff --git a/src/components/TodaysPage.vue b/src/components/TodaysPage.vue index 4cca96b..9ba6921 100644 --- a/src/components/TodaysPage.vue +++ b/src/components/TodaysPage.vue @@ -37,79 +37,10 @@ export default { height: 250px; } -h1 { - font-family: knowit, Arial; - margin-bottom: 25px; -} - .wines-container { display: flex; flex-wrap: wrap; justify-content: space-evenly; - margin: 0 2rem; - - @media (min-width: 1500px) { - max-width: 1500px; - margin: 0 auto; - } - - @include mobile { - flex-direction: column; - } -} - -h3 { - max-width: 30vw; - - @include mobile { - max-width: 50vw; - } -} - -.inner-wine-container { - display: flex; - flex-direction: row; - margin: auto; - width: 500px; - font-family: Arial; - margin-bottom: 30px; - - @include desktop { - justify-content: center; - } - - @include mobile { - width: auto; - } -} - -.right { - display: flex; - flex-direction: column; - margin-bottom: 150px; - margin-left: 50px; - - @include mobile { - margin-left: 2rem; - } -} - -a, -a:focus, -a:hover, -a:visited { - color: #333333; - font-family: Arial; - text-decoration: none; - font-weight: bold; -} - -.wine-link { - color: #333333; - font-family: Arial; - text-decoration: none; - font-weight: bold; - border-bottom: 1px solid $link-color; - width: fit-content; + align-items: flex-start; }