YoVDO

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

Offered By: DesignCourse via YouTube

Tags

HTML Courses Computer Science Courses Adobe XD Courses Responsive Web Design Courses

Course Description

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

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera