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

Web Development
Udacity
Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
Web-Technologien
openHPI
iDESWEB, Introducción al desarrollo web
Miríadax