Create a Simple Responsive Footer with CSS Flexbox - Beginner Tutorial

Publicado el: 04 noviembre 2021
en el canal de: Front End Beginners

4,200

In this tutorial, we create a simple responsive footer with CSS Flexbox.

Although the design is very simple, this example demonstrates the power of CSS Flexbox and media queries for creating flexible, responsive website layouts.

I hope you found this video helpful. If you have any questions, please leave them in the comments below and I'll do my best to answer as soon as possible.

TIMESTAMPS:
00:00 Introduction
00:12 Setting up our HTML
03:41 Styling the footer background & links
05:50 Creating our three-column layout with Flexbox
10:15 Laying out our copyright notice & social icons
12:02 Making our footer responsive with media queries
13:43 Summary

WATCH NEXT:
• How to Add Free Font Awesome Icons to Your HTML & CSS Projects -    • How to Add Free Font Awesome Icons to...
• CSS Flex Basis (flex-basis) Explained -    • CSS Flex Basis (flex-basis) Explained...
• CSS Flex Grow (flex-grow) Explained -    • CSS Flex Grow (flex-grow) Explained -...
• How to Create a CSS Flexbox Sidebar and Content Layout -    • How to Create a CSS Flexbox Sidebar a...

En esta página del sitio puede ver el video en línea Create a Simple Responsive Footer with CSS Flexbox - Beginner Tutorial de Duración hora minuto segunda en buena calidad , que subió el usuario Front End Beginners 04 noviembre 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 4,200 veces y le gustó 85 a los espectadores. Disfruta viendo!

142