This is my personal website
add media query
+12
-1
+12
-1
main.tsx
+12
-1
main.tsx
···
44
44
color: #ffffffec;
45
45
}
46
46
`,
47
+
`
48
+
.wrapper {
49
+
width: 704px; margin: 0 auto;
50
+
}
51
+
@media (max-width: 768px) {
52
+
.wrapper {
53
+
width: 100%;
54
+
padding: 0 20px;
55
+
}
56
+
}
57
+
`,
47
58
],
48
59
body: (
49
60
<body>
50
-
<div style="width: 704px; margin: 0 auto;">
61
+
<div class="wrapper">
51
62
<h2 style="font-weight: 500;margin-bottom: 0">Hello, I'm</h2>
52
63
<h1 style="font-size: 2rem; font-weight: 600; margin-top: 0">
53
64
Tsiry Sandratraina