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

Some Styling Improvements #3

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

Align most of the content left, except for the title and hero image

Prev Next 
Also use the container class on the entire body instead of just on the
main, so that the footer is also in the container.
June 2024-03-29 20:04:26 +01:00 • committed by jtbx
commit 576a6c4c56

10
assets/css/style.css
View file

@ -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 {

6
index.html
View file

@ -7,9 +7,9 @@
<link rel="me" href="https://chaos.social/@c3cat" />
<title>c3cat</title>
</head>
<body>
<main class="container">
<h1>c3cat &ndash; Cat Ears Operation Center</h1>
<body class="container">
<main>
<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">
<h2>Resources</h2>