HTML
Defines the structure: headings, paragraphs, images, links and forms.
Project 01 / CSS Grid
WEB-T: Front
Frontend development builds the part of a website that runs in the browser and presents information to the user.
CSS
Controls presentation: colours, typography, spacing and responsive layouts, including CSS Grid.
JavaScript
Adds behaviour: reacting to clicks, updating the page and requesting data from a server.
CSS Grid in this project
The menu uses two columns. Its heading spans both columns.
.grid-menu {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 20px;
row-gap: 14px;
}
.grid-menu h2 {
grid-column: 1 / -1;
}