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

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera