Initial responsive design support
This commit is contained in:
parent
a2df7656fd
commit
3be4764fb0
8 changed files with 13 additions and 5 deletions
|
@ -5,6 +5,7 @@
|
||||||
<meta http-equiv="Content-Language" content="th">
|
<meta http-equiv="Content-Language" content="th">
|
||||||
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
||||||
<meta name="description" content="Late Night Defender's profile">
|
<meta name="description" content="Late Night Defender's profile">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Pongpeera Wongprasitthiporn's profile</title>
|
<title>Pongpeera Wongprasitthiporn's profile</title>
|
||||||
<link rel="icon" type="image/png" href="icons/ttt-org.png">
|
<link rel="icon" type="image/png" href="icons/ttt-org.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
<meta http-equiv="Content-Language" content="th">
|
<meta http-equiv="Content-Language" content="th">
|
||||||
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
||||||
<meta name="description" content="Late Night Defender's profile">
|
<meta name="description" content="Late Night Defender's profile">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Pongpeera Wongprasitthiporn's profile</title>
|
<title>Pongpeera Wongprasitthiporn's profile</title>
|
||||||
<link rel="icon" type="image/png" href="icons/ttt-org.png">
|
<link rel="icon" type="image/png" href="icons/ttt-org.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
<meta http-equiv="Content-Language" content="th">
|
<meta http-equiv="Content-Language" content="th">
|
||||||
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
||||||
<meta name="description" content="Late Night Defender's profile">
|
<meta name="description" content="Late Night Defender's profile">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>More information</title>
|
<title>More information</title>
|
||||||
<link rel="icon" type="image/png" href="icons/ttt-org.png">
|
<link rel="icon" type="image/png" href="icons/ttt-org.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
<meta http-equiv="Content-Language" content="th">
|
<meta http-equiv="Content-Language" content="th">
|
||||||
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
||||||
<meta name="description" content="Late Night Defender's profile">
|
<meta name="description" content="Late Night Defender's profile">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>More links</title>
|
<title>More links</title>
|
||||||
<link rel="icon" type="image/png" href="../icons/ttt-org.png">
|
<link rel="icon" type="image/png" href="../icons/ttt-org.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
11
style.css
11
style.css
|
@ -28,7 +28,8 @@ html *
|
||||||
|
|
||||||
.middle {
|
.middle {
|
||||||
grid-area: middle;
|
grid-area: middle;
|
||||||
width: 15cm;
|
width: 90vw;
|
||||||
|
max-width: 15cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inner-grid {
|
.inner-grid {
|
||||||
|
@ -127,7 +128,7 @@ html *
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: black;
|
color: black;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 1.5cm;
|
min-height: 1.5cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listinfo {
|
.listinfo {
|
||||||
|
@ -136,7 +137,7 @@ html *
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: black;
|
color: black;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 1.5cm;
|
min-height: 1.5cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topbar {
|
.topbar {
|
||||||
|
@ -289,7 +290,7 @@ html *
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 1.5cm;
|
min-height: 1.5cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listinfo {
|
.listinfo {
|
||||||
|
@ -298,7 +299,7 @@ html *
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 1.5cm;
|
min-height: 1.5cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topbar {
|
.topbar {
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
<meta http-equiv="Content-Language" content="th">
|
<meta http-equiv="Content-Language" content="th">
|
||||||
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
||||||
<meta name="description" content="Late Night Defender's profile">
|
<meta name="description" content="Late Night Defender's profile">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Intern at i-bitz company limited (2024)</title>
|
<title>Intern at i-bitz company limited (2024)</title>
|
||||||
<link rel="icon" type="image/png" href="../icons/ttt-org.png">
|
<link rel="icon" type="image/png" href="../icons/ttt-org.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
<meta http-equiv="Content-Language" content="th">
|
<meta http-equiv="Content-Language" content="th">
|
||||||
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
||||||
<meta name="description" content="Late Night Defender's profile">
|
<meta name="description" content="Late Night Defender's profile">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Student at KMITL (2021-now)</title>
|
<title>Student at KMITL (2021-now)</title>
|
||||||
<link rel="icon" type="image/png" href="../icons/ttt-org.png">
|
<link rel="icon" type="image/png" href="../icons/ttt-org.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
<meta http-equiv="Content-Language" content="th">
|
<meta http-equiv="Content-Language" content="th">
|
||||||
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
|
||||||
<meta name="description" content="Late Night Defender's profile">
|
<meta name="description" content="Late Night Defender's profile">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Other works</title>
|
<title>Other works</title>
|
||||||
<link rel="icon" type="image/png" href="../icons/ttt-org.png">
|
<link rel="icon" type="image/png" href="../icons/ttt-org.png">
|
||||||
</head>
|
</head>
|
||||||
|
|
Loading…
Reference in a new issue