Frontend job adverts expect you to be comfortable with HTML and CSS, even when they only name a framework such as React. Frameworks still produce HTML and CSS in the end, so this is the foundation everything else stands on.
Two jobs, two languages
HTML describes what things are: this is a heading, this is a list of prices, this is a button. CSS describes how they look: this heading is green, these prices sit in two columns, this button has rounded corners.
Keeping these jobs separate matters. When the structure is right, a screen reader can announce it, search engines can understand it, and you can restyle the whole site by changing only the CSS.
<h1>Amina's Shea Butter</h1>
<p class="price">GH₵ 25 per tub</p>.price { color: #1b5e20; font-weight: bold; }The HTML says "heading" and "paragraph". The CSS says "make the price green and bold".
What this section covers
- Semantic HTML: choosing the right element for each job, so your pages are accessible and easy to maintain.
- CSS layout: placing things on the page with flexbox and grid, the two modern layout tools.