From 576a6c4c56e4594137da2f20c6ffdf20fafad17b Mon Sep 17 00:00:00 2001 From: June Date: Fri, 29 Mar 2024 20:04:26 +0100 Subject: [PATCH] Align most of the content left, except for the title and hero image Also use the container class on the entire body instead of just on the main, so that the footer is also in the container. --- assets/css/style.css | 10 ++++++++-- index.html | 6 +++--- 2 files changed, 11 insertions(+), 5 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 8ea09b0..3f3e5c5 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,11 +1,11 @@ body { font-family: system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif; - text-align: center; + text-align: left; } .container { - max-width: 900px; + max-width: 600px; margin: 0 auto; padding: 0 5px; } @@ -19,8 +19,14 @@ img { } +.title { + text-align: center; +} + .hero-img { max-width: 500px; + display: block; + margin: 0 auto; } p.bigger { diff --git a/index.html b/index.html index 73930d9..e86c081 100644 --- a/index.html +++ b/index.html @@ -7,9 +7,9 @@ c3cat - -
-

c3cat – Cat Ears Operation Center

+ +
+

c3cat – Cat Ears Operation Center

C3CAT with a cat ear headband around the 'A'

Resources