website: sizes

This commit is contained in:
Elysia 2025-11-02 14:51:07 +00:00
parent 67096dc68d
commit 4b2dca7bb3
3 changed files with 11 additions and 9 deletions

View file

@ -20,7 +20,7 @@
body { body {
background-color:rgba(250, 184, 0); background-color:rgba(250, 184, 0);
color: #006cab; color: #006cab;
font-size: 20px; font-size: 25px;
font-family: "CynthoRegular", sans-serif;; font-family: "CynthoRegular", sans-serif;;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -30,7 +30,7 @@ body {
button { button {
background-color: rgba(0, 108, 171); background-color: rgba(0, 108, 171);
color: rgba(250, 184, 0); color: rgba(250, 184, 0);
font-size: 20px; font-size: 30px;
font-family: "CynthoRegular", sans-serif; font-family: "CynthoRegular", sans-serif;
font-weight: bold; font-weight: bold;
padding: 25px 25px; padding: 25px 25px;
@ -47,7 +47,7 @@ button {
} }
textarea { textarea {
width: 80%; width: 800px;;
height: 300px; height: 300px;
padding: 12px; padding: 12px;
box-sizing: border-box; box-sizing: border-box;
@ -64,10 +64,12 @@ textarea {
display: flex; /* places buttons side-by-side */ display: flex; /* places buttons side-by-side */
justify-content: center; /* centers them horizontally */ /* aligns vertically */ justify-content: center; /* centers them horizontally */ /* aligns vertically */
gap: 15px; gap: 15px;
margin-top: 10px; margin-top: 0px;
} }
img { img {
display: block;
margin: 0 auto;
align-items: center; align-items: center;
width: 80%; width: 650px;
} }

View file

@ -17,7 +17,7 @@
<body> <body>
<br> <br>
<br> <br>
<h1 style="color:#ffffff ; margin-top: 20px; margin-bottom: 10px; <h1 style="color:#ffffff; font-size: 60px; margin-top: 20px; margin-bottom: 10px;
letter-spacing: 1.5px;" > letter-spacing: 1.5px;" >
GREGGordinates GREGGordinates
</h1> </h1>

View file

@ -2,7 +2,7 @@
{% load static %} {% load static %}
{% block content %} {% block content %}
<br><br>
<img src="{% static 'img/drawing.png' %}" alt="Cute map drawing"> <img src="{% static 'img/drawing.png' %}" alt="Cute map drawing">
<div class="btn-group"> <div class="btn-group">
@ -19,7 +19,7 @@
display: flex; /* places buttons side-by-side */ display: flex; /* places buttons side-by-side */
justify-content: center; /* centers them horizontally */ justify-content: center; /* centers them horizontally */
align-items: center; /* aligns vertically */ align-items: center; /* aligns vertically */
gap: 30px; gap: 40px;
margin-top: 0px; margin-top: 0px;
} }
@ -28,7 +28,7 @@
} }
.btn-group button { .btn-group button {
padding: 40px 40px; padding: 30px 50px;
font-size:25px; font-size:25px;
margin-top: 0px; margin-top: 0px;
} }