diff options
Diffstat (limited to 'www')
| -rw-r--r-- | www/about/index.html | 30 | ||||
| -rw-r--r-- | www/style.css | 8 |
2 files changed, 19 insertions, 19 deletions
diff --git a/www/about/index.html b/www/about/index.html index 9f6e93e..7400d50 100644 --- a/www/about/index.html +++ b/www/about/index.html @@ -33,29 +33,21 @@ <section style="border-top: none;">
<div class="center-grid">
<div class="div-sizing">
- <div class="flex-container">
+ <div class="flex-container flex-container-dynamicwrap" style="gap: 30px">
<img src="/assets/images/hero/logo.png" alt=""
style="box-sizing: border-box; height: 240px; width: 240px; object-fit: cover;" class="img">
- <div style="padding: 30px; color: gray;">
- <span><i class="fa-solid fa-suitcase"></i> Student</span>
- <br>
- <span><i class="fa-solid fa-star"></i> Creating things</span>
- <br>
- <span>🇮🇩 Indonesia</span>
- <br>
+ <div>
+ <h1>About Me</h1>
+ <p>
+ Hey there! I'm <span class="colored-text">Altaf</span>. I am a scholar studying abroad in <span class="colored-text">Singapore</span> from
+ <span class="colored-text">Indonesia</span> who likes to code as a <span class="colored-text">hobby</span>.
+ </p>
+ <p>
+ I'm mostly a <span class="colored-text">game developer</span> and <span class="colored-text">web developer</span>, but I
+ also like to make other things like desktop apps, and robots.<br>I'm still constantly learning and trying new things!
+ </p>
</div>
</div>
- <br>
- <p>
- <h1>About Me</h1>
- <p>
- Hey there! I'm <span class="colored-text">Altaf</span>. I am a scholar studying abroad in <span class="colored-text">Singapore</span> from
- <span class="colored-text">Indonesia</span> who likes to code as a <span class="colored-text">hobby</span>.
- </p>
- <p>
- I'm mostly a <span class="colored-text">game developer</span> and <span class="colored-text">web developer</span>, but I
- also like to make other things like desktop apps, and robots.<br>I'm still constantly learning and trying new things!
- </p>
<p class="desktop" style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: gray;">↓ psst, scroll down! ↓</p>
</div>
</div>
diff --git a/www/style.css b/www/style.css index 55cc0b8..fefee28 100644 --- a/www/style.css +++ b/www/style.css @@ -402,6 +402,10 @@ li { flex-wrap: wrap;
}
+.flex-container-dynamicwrap {
+ flex-wrap: nowrap !important;
+}
+
.horizontal-scroll {
overflow-x: scroll;
overflow-y: hidden;
@@ -1003,6 +1007,10 @@ li { .div-sizing {
max-width: calc(100vw - 30px);
}
+
+ .flex-container-dynamicwrap {
+ flex-wrap: wrap !important;
+ }
}
|