• in
InterCourses
CoursesBlogs
0
← CSS
○What is CSS?○CSS Selectors○How to Apply CSS○CSS Specificity
○Colors○Backgrounds○Typography
○The Box Model○Display○Positioning
○Advanced Selectors○Pseudo-Classes
○Dropdown Structure○Dropdown Behavior
○Form Structure○Form Styling
○Flexbox Basics○Flexbox Alignment○Flexbox Items○Flexbox Layouts
○CSS Grid
●Website Structure○Grid and Responsive
○CSS Variables○Transitions
○Transition Effects○Keyframe Animation
○Responsive Design
○Table Structure○Responsive Table Styling
○Resume Structure○Resume Polish

Website Structure

Build the header and features layout for a landing page using flexbox.

Step-by-step instructions

  1. Create a .site-header with logo and nav links.
  2. Set .site-header to display: flex; justify-content: space-between; align-items: center;.
  3. Create a .features section containing at least 3 .card items.
Hint 1
1 / 2
HINT 1

Use flexbox for header/nav alignment.

Loading editor…
READY
intercourses
html