Frontend Masters – Practical CSS Layouts 2023-7

Practical CSS Layouts, Starting with the basics of CSS and HTML, you’ll progress through creating responsive designs for mobile, tablet, and desktop layouts. You’ll learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists. You’ll explore concepts like rem and em units, custom fonts, responsive images, and the picture element. By the end of the course, you’ll have built three variations of a website, each increasing in complexity!

What you’ll learn

• rem vs. em Units
• Custom Font & Responsive Image
• CSS for a Simple Responsive Layout
• Margin Collapse
• Basic CSS Footer Styles
• CSS for Tablet Layout
• Responsive Images with the Picture Element
• Basic Tablet CSS Layout
• Button Styling Practice
• Album Styles
• Audio Player Base Styles
• Range Slider Styles
• Social Icons
• Tracklist CSS
• Tracklist Show & Hide JavaScript
• CSS Transitions & Custom Table Scrollbar

Specificatoin of Practical CSS Layouts

• Publisher : Frontend Masters
• Teacher : Jen Kramer
• Language : English
• Level : All Levels
• Number of Course : 56
• Duration : 8 hours and 58 minutes

Content of Practical CSS Layouts

Pictures

Sample Clip

Installation Guide

Extract the files and watch with your favorite player

Subtitle : English

Quality: 1080p

Download Links

Download Part 1 – 1 GB

Download Part 2 – 822 MB

File size

1.8 GB