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

User Experience Responsive Hero in XD for Beginners
Coursera Project Network via Coursera
Customer Journey Prototyping in XD
Coursera Project Network via Coursera
Fashion E-Commerce in XD
Coursera Project Network via Coursera
Ultimate Web Designer & Web Developer Course
Udemy
Web Design com Adobe XD, Bootstrap, GIMP, HTML e Photoshop
Udemy