diff options
| -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 %} |