+5

src/layouts/Layout.astro

··· 184 184 185 185 .home-link { 186 186 padding-left: calc(var(--spacing) * 2); 187 187 + display: none; 187 188 } 188 189 189 190 .brand-name { ··· 193 194 @media (width <= 575px) { 194 195 .brand-name { 195 196 display: none; 197 197 + } 198 198 + 199 199 + .home-link { 200 200 + display: initial; 196 201 } 197 202 198 203 .container {

+7 -1

src/pages/index.astro

··· 113 113 justify-content: space-between; 114 114 align-items: center; 115 115 margin: calc(var(--spacing) * 10) 0; 116 116 - height: 50vh; 117 116 } 118 117 119 118 .hero .ctas { 120 119 display: flex; 120 120 + flex-wrap: wrap; 121 121 gap: var(--spacing); 122 122 } 123 123 124 124 .hero-image { 125 125 display: flex; 126 126 align-items: center; 127 127 + } 128 128 + 129 129 + @media (width <= 575px) { 130 130 + .hero-image { 131 131 + display: none; 132 132 + } 127 133 } 128 134 129 135 .hero-image img {

+6

src/pages/projects/[...slug].astro

··· 113 113 margin: calc(var(--spacing) * 10) 0; 114 114 } 115 115 116 116 + @media (width <= 575px) { 117 117 + .hero { 118 118 + flex-direction: column-reverse; 119 119 + } 120 120 + } 121 121 + 116 122 .hero .txt { 117 123 width: 100%; 118 124 flex-grow: 1;