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

View file

@ -17,7 +17,7 @@
<body>
<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;" >
GREGGordinates
</h1>

View file

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