← Back to Courses
🎨
frontend

HTML5 & Modern CSS

Master the foundations of the web: semantic HTML, responsive web design, Flexbox, CSS Grid, and modern CSS variables.

Instructor

Layla Haddad

Duration

4 weeks

Level

Beginner

📚 What You'll Learn

  • 1.Semantic HTML5 & Accessibility
  • 2.CSS Box Model & Typography
  • 3.Flexbox & CSS Grid Mastery
  • 4.Responsive Web Design & Media Queries
  • 5.CSS Animations & Transitions

📝 Course Tasks & Assignments (2/3)

67% Complete
Build a semantic HTML page

Create a multi-section HTML page using semantic elements: header, main, section, article, and footer.

highHTML5 & Modern CSS📅 Sep 5, 2026completed
Details
Style a layout with Flexbox

Reproduce a provided design mockup using Flexbox. The layout should have a responsive sidebar and a main content area.

mediumHTML5 & Modern CSS📅 Sep 8, 2026completed
Details
Create a responsive CSS Grid layout

Build a card grid that switches from 3 columns on desktop to 1 column on mobile using CSS Grid and media queries.

highHTML5 & Modern CSS📅 Sep 12, 2026 (Overdue)pending
Details
+ Add Another Task