diff --git a/06-flex-layout/style.css b/06-flex-layout/style.css index 743aa09..2ad438a 100644 --- a/06-flex-layout/style.css +++ b/06-flex-layout/style.css @@ -5,6 +5,8 @@ body { margin: 0; overflow: hidden; font-family: Roboto, sans-serif; + display: flex; + flex-direction: column; } img { @@ -16,6 +18,7 @@ button { border: none; border-radius: 8px; background: #eee; + padding: 8px 12px; } input { @@ -25,3 +28,37 @@ input { width: 400px; margin-bottom: 16px; } + +ul { + list-style: none; + display: flex; + padding: 0; + gap: 15px; +} + +a { + text-decoration: none; + color: #444; +} + + +.right-links { + margin-left: auto; +} + +.content { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.header, .footer { + display: flex; + padding: 0 12px; +} + +.footer { + background-color: #eee; +} \ No newline at end of file