Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

A "Broken Layout" to HTML & CSS - Full Process

DesignCourse via YouTube

Overview

Learn how to transform a "broken layout" UI design into a fully responsive, mobile-first HTML and CSS implementation in this comprehensive 39-minute video tutorial. Follow along as the instructor guides you through the entire process, from initial setup to final responsive adjustments. Explore key concepts such as HTML structure, CSS styling for the header and main content, paragraph formatting, pagination design, effective use of white space, and implementing media queries for responsiveness. Gain practical insights into modern web development techniques and enhance your frontend skills by creating an eye-catching, trend-inspired website layout.

Syllabus

Intro
Setup
Design Overview
HTML
CSS
Header
Main Content
Paragraph
Make Up
Pagination
White Space
Media Queries

Taught by

DesignCourse

Reviews

Start your review of A "Broken Layout" to HTML & CSS - Full Process

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.