Compare commits

...

2 commits

Author SHA1 Message Date
f2431b11bc call it "section" instead of "row" 2024-07-04 01:29:27 +07:00
befb166b09 css cleanup 2024-07-04 01:28:06 +07:00
3 changed files with 5 additions and 46 deletions

View file

@ -70,7 +70,7 @@
<h3>บริการ โปรเจกต์ และคอนเทนต์</h3>
<div class="row">
<div class="section">
<a class="itemcard" style="opacity: 0.4;">
<div class="listaction">
<img src="icons/ttt-org-blueprint.svg" alt="behind-ttt" width="80" height="80" style="margin: 0.3cm;">
@ -167,7 +167,7 @@
<h3>สำหรับใช้งานภายในเท่านั้น</h3>
<div class="row">
<div class="section">
<a class="itemcard" target="_blank" rel="noopener noreferrer" href="https://ci.techtransthai.org/">
<div class="listaction">
<svg width="80" height="80" viewBox="0 0 285 254" xmlns="http://www.w3.org/2000/svg" style="margin: 0.3cm;">

View file

@ -64,7 +64,7 @@ h1 {
margin-left: 0.25cm;
}
.row {
.section {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
grid-gap: 1rem;
@ -149,57 +149,16 @@ h1 {
}
/* For tablet screens */
@media only screen and (min-width: 750px) and (max-width: 1366px) {
@media only screen and (max-width: 1366px) {
.middle-large {
grid-area: middle;
width: 90vw;
max-width: 35cm;
}
.itemcard {
display: grid;
border-radius: 12px;
text-decoration: none;
height: 3cm;
transition-duration: 0.2s;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
}
.itemcard-stealth {
display: grid;
border-radius: 12px;
text-decoration: none;
height: 3cm;
transition-duration: 0.2s;
}
h1 {
margin-top: 3vh;
}
}
/* For phone screens */
@media only screen and (max-width: 750px) {
.middle-large {
grid-area: middle;
width: 90vw;
max-width: 35cm;
}
.itemcard {
display: grid;
border-radius: 12px;
text-decoration: none;
height: 3cm;
transition-duration: 0.2s;
box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13);
}
.itemcard-stealth {
display: grid;
border-radius: 12px;
text-decoration: none;
height: 3cm;
transition-duration: 0.2s;
}
h1 {
margin-top: 8vh;
}

View file

@ -48,7 +48,7 @@
นี่คือรายชื่อสมาชิกของพวกเราในทีมงาน TechTransThai
<div class="row" style="margin-top: 1cm">
<div class="section" style="margin-top: 1cm">
<a class="itemcard-stealth" target="_blank" rel="noopener noreferrer" href="https://latenightdef.techtransthai.org/">
<div class="listaction">
<img src="https://latenightdef.techtransthai.org/icons/avatar.png" alt="no-avatar" width="80" height="80" style="margin: 0.3cm; border-radius: 40px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)">