Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Build a Responsive Website | HTML, CSS Grid, Flexbox & More
Play lesson

HTML & CSS - Build a Responsive Website | HTML, CSS Grid, Flexbox & More

5.0 (1)
13 learners

What you'll learn

This course includes

  • 57 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

In this project we will build a custom website using HTML5 and modern CSS techniques such as CSS Grid, Flexbox, psuedo selectors, animation and more. We will also deploy to Netlify and add form functionality Code: https://github.com/bradtraversy/loruki-website 💖 Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia Timestamps: 0:00 - Intro 2:32 - Base & Navbar HTML 6:05 - Base CSS 9:08 - Navbar, Container, Flex 16:12 - Showcase Area & Grid 27:28 - Card & Form CSS 33:07 - Button Styles 35:45 - Skewed Area 39:42 - Stats Section 44:16 - Utility Classes - Margin & Padding 52:33 - CLI Section & Grid Col & Row Span 57:25 - Cloud Section 1:00:50 - Background & Button Utility Classes 1:04:00 - Text Sizes 1:05:28 - Languages Section 1:09:49 - Footer 1:14:08 - Media Queries & Responsiveness 1:21:34 - Features Page 1:29:57 - Features Grid With Spans 1:32:15 - Docs Page 1:42:44 - Alert, Code Block & Text Color Styles 1:49:02 - Make Inner Pages Responsive 1:52:02 - Animations 1:56:42 - Prepare & Deploy To Netlify

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere