diff options
| author | A Farzat <a@farzat.xyz> | 2024-11-22 01:23:22 +0900 |
|---|---|---|
| committer | A Farzat <a@farzat.xyz> | 2024-11-22 01:23:22 +0900 |
| commit | de8345dc464b3f61ae8031681d2e25c5489a3c61 (patch) | |
| tree | be4c65342790b45da3e8601f34b68996eb5a7580 | |
| parent | 46579730369fb2302ca72b78fe039e75e5f15977 (diff) | |
| download | farzat.xyz-de8345dc464b3f61ae8031681d2e25c5489a3c61.tar.gz farzat.xyz-de8345dc464b3f61ae8031681d2e25c5489a3c61.zip | |
Fix margins
| -rw-r--r-- | sass/_main.scss | 11 | ||||
| -rw-r--r-- | templates/index.html | 2 |
2 files changed, 9 insertions, 4 deletions
diff --git a/sass/_main.scss b/sass/_main.scss index 26903f0..6651816 100644 --- a/sass/_main.scss +++ b/sass/_main.scss @@ -5,18 +5,23 @@ } .hero { display: flex; + justify-content: space-between; flex-wrap: wrap-reverse; - gap: 40*$px; + row-gap: 20*$px; + column-gap: 40*$px; + &__title { + margin: auto; + } &__img { flex: 1; + margin: auto; min-width: 320*$px; + max-width: 600*$px; max-height: 50vmax; } } .profile-pic { max-width: 100%; max-height: 100%; - display: block; - margin: auto; border-radius: 5*$px; } diff --git a/templates/index.html b/templates/index.html index 3f4e205..09fb8e3 100644 --- a/templates/index.html +++ b/templates/index.html @@ -15,5 +15,5 @@ <img src="/img/profile-pic.jpg" alt="Profile pic" class="profile-pic"> </div> </div> -<p>Unfortunately my website is still incomplete. I hope nonetheless that you like it!</p> +<p>Unfortunately my website is still incomplete. I hope you like it nonetheless!</p> {% endblock content %} |