Почему мой код сетки CSS не работает над моей формой HTML, даже если он должен работать? Что с этим не так? ⇐ Html

[Anonymous]

Trying to implement CSS grids for this "Job Application" page for an assignment and I've been stuck for a good 3 hours trying to figure out what's wrong with it even though I've followed like 5 different tutorials and I've followed their instructions and it's not working.
here is the code

Код: Выделить всё

* {
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

body,
html,
h1,
h2 {
padding: 0;
margin: 0;
box-sizing: border-box;
}

h1,
h2 {
color: #46767E;
}

.job-title {
background-color: #EBC4BB;
padding: 12px;
margin: 0;
}

h3 {
padding-left: 20px;
}

/* Grid Boxes for Application */
fieldset {
border: 0
}

.container {
display: grid;
grid-template-rows: repeat(6, auto);
/* Changed to auto for flexibility */
grid-template-columns: repeat(3, 1fr);
/* Using fr units for better responsiveness */
gap: 5px;
padding: 5px;
text-align: center;
}

.job-number {
background-color: #EBC4BB;
padding: 20px;
border: solid #46767E;
text-align: center;
grid-row: 1 / 2;
grid-column: 1 / 3;
}

.job-personalinfo {
background-color: #EBC4BB;
padding: 20px;
border: solid #46767E;
text-align: center;
grid-row: 2 / 4;
grid-column: 1 / 2;
}< /code>
Job Application Form




 

Job Reference Number:

Select your job reference
001-Front-End Developer
002-Back-End Developer
003-Full-Stack Developer
004-Web Designer
005-Data Analyst/option>
006-UX/UI Designer
007-Software Engineer
008-Project Manager
009-Quality Assurance Tester
010-DevOps Engineer




Personal information

First Name:


Last Name:




Date of Birth:

Gender

Male

Female

Other



Address

Street Address:


Suburb/Town:


State:

Select your state
VIC
NSW
QLD
NT
WA
SA
TAS
ACT


Postcode:




Contact information

Email Address:


Phone Number:




Required Technical Skills:
HTML/CSS

JavaScript

Node.js
Python

SQL
Version Control (Git)
Graphic Design (Adobe XD, Figma)




Other skills



Submit Application
Re-do application

Вот как сейчас это выглядит в настоящее время, по сравнению с тем, что я стремлюсь к


Подробнее здесь: https://stackoverflow.com/questions/795 ... uld-be-wor