index : design responsive

README.md

@@ -1,15 +1,20 @@
 # Ahurac's homepage
 
-Work-in-progress.
+Source for my home page [ahur.ac](https://ahur.ac/).
+
+Made with Astro framework (really cool framework but JS was an error).
 
 ## To-do
 
-- [ ] Header
+- [x] Header
-    - [ ] Content
+    - [x] Content
     - [ ] Logo
-    - [ ] Style
+    - [x] Style
-- [ ] Cards
+- [x] Cards
-    - [ ] Content
+    - [x] Content
-    - [ ] Logos
+    - [x] Logos
-    - [ ] Style
+    - [x] Style
 - [ ] Background
+- [ ] SEO
+- [ ] Embed
+- [ ] Responsive design

src/pages/index.astro

@@ -71,4 +71,16 @@ body {
 main {
 	width: 40%;
 }
+
+@media screen and (max-width: 1200px) {
+	main {
+		width: 60%;
+	}
+}
+
+@media screen and (max-width: 800px) {
+	main {
+		width: 95%;
+	}
+}
 </style>