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

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

Build a Responsive Website | 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

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

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

html css web-development netlify developer

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire CSS Developer

Want to develop a website or re-design using CSS Development? We build a website and we implemented CSS successfully if you are planning to **[Hire CSS Developer](https://hourlydeveloper.io/hire-dedicated-css-developer/ "Hire CSS Developer")**...

HTML and CSS Tutorial for Beginners | HTML and CSS | HTML CSS Tutorial

HTML and CSS Tutorial for Beginners will provide you with a detailed and comprehensive knowledge about HTML. In this HTML Tutorial for Beginners you will learn HTML concepts from scratch and also how to create your first web page using HTML Tags.

HTML and CSS Tutorial for Beginners | HTML and CSS | HTML CSS Tutorial

HTML and CSS Tutorial for Beginners will provide you with a detailed and comprehensive knowledge about HTML. In this HTML Tutorial for Beginners you will learn HTML concepts from scratch and also how to create your first web page using HTML Tags.

Why Web Development is Important for your Business

With the rapid development in technology, the old ways to do business have changed completely. A lot more advanced and developed ways are ...

Introduction To HTML & CSS: Web Development For Beginners

Introduction To HTML & CSS: Web Development For Beginners - Complete HTML & CSS web developer bootcamp. Learn & practice website design using HTML5 & CSS3 web development resources