c3cat/c3cat-landingpage
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Activity

Some Styling Improvements #3

Merged
jtbx merged 1 commit from styling-improvements into main 2024-03-30 19:04:02 +01:00
Conversation 1 Commits 1 Files changed 2 +11 -5
2 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/css/style.css
View file

@ -1,11 +1,11 @@
body { body {
font-family: system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif; font-family: system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,Helvetica,Arial,"Helvetica Neue",sans-serif;
text-align: center; text-align: left;
} }
.container { .container {
max-width: 900px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
padding: 0 5px; padding: 0 5px;
} }
@ -19,8 +19,14 @@ img {
} }
.title {
text-align: center;
}
.hero-img { .hero-img {
max-width: 500px; max-width: 500px;
display: block;
margin: 0 auto;
} }
p.bigger { p.bigger {

6
index.html
View file

@ -7,9 +7,9 @@
<link rel="me" href="https://chaos.social/@c3cat" /> <link rel="me" href="https://chaos.social/@c3cat" />
<title>c3cat</title> <title>c3cat</title>
</head> </head>
<body> <body class="container">
<main class="container"> <main>
<h1>c3cat &ndash; Cat Ears Operation Center</h1> <h1 class="title">c3cat &ndash; Cat Ears Operation Center</h1>
<img src="assets/img/c3cat-c3sign-cccamp23.jpg" alt="C3CAT with a cat ear headband around the 'A'" class="hero-img"> <img src="assets/img/c3cat-c3sign-cccamp23.jpg" alt="C3CAT with a cat ear headband around the 'A'" class="hero-img">
<h2>Resources</h2> <h2>Resources</h2>