Criando o Card da Seção Hero - Projeto Front-end (HTML, CSS e Javascript) [Aula 2/7]

Want to learn more about our Complete HTML and CSS Course? Click the link below to secure your spot in the next class: https://dlp.hashtagtreinamentos.com/h... TO DOWNLOAD THE FREE HTML AND CSS MINI-COURSE: https://pages.hashtagtreinamentos.com... ----------------------------------------------------------------------- ► Files Used in Video: https://pages.hashtagtreinamentos.com... ► Website of the Full Stack MasterClass used in the lesson: https://lp.hashtagtreinamentos.com/fu... ----------------------------------------------------------------------- If you prefer the video in text format: https://www.hashtagtreinamentos.com/l... ----------------------------------------------------------------------- TO HIRE HASHTAG FOR YOUR COMPANY: https://www.hashtagtreinamentos.com/t... ----------------------------------------------------------------------- Hey Impressives! Today we're going to the second lesson of the HTML and CSS course, which aims to teach you how to create a landing page from scratch! In this lesson, we'll create the hero section card for our landing page, meaning we'll learn many things in this lesson. I'll show you how to format the container, how to change the font in CSS, how to change the font size in CSS, how to use display flex, and much more! The idea of ​​this lesson is to get our card practically ready, so we'll make all the adjustments to spacing, font, font size, image and text alignment. We'll also format the button and the date section, which resembles a button, so we'll add a border to delimit the content and adjust the text. In addition, we'll make adjustments to the button, including the hover effect in CSS, which is that visual effect where when you hover your mouse over the button, it changes the cursor and you actually notice that it's a button! Now let's get to the lesson, which has a lot of awesome content today! ----------------------------------------------------------------------- Recommended Videos ► Basic HTML and CSS Course    • Curso Básico de Html e CSS - Aprenda Const...   ► How to Download and Configure VSCode for HTML and CSS    • Instalação do VS Code para Programação em ...   ----------------------------------------------------------------------- Hashtag Programming ► Subscribe to our channel: http://bit.ly/3c0LJQi ► Activate notifications (click the bell)! ► Like our video! ----------------------------------------------------------------------- Social Media ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Here on the Hashtag Programming channel videos, we teach various HTML and CSS tips so you can develop your skills in this programming language and create your own projects! ----------------------------------------------------------------------- Lesson Content 00:00 Introduction 01:31 What are we going to do? 02:35 Container formatting + adjustments 17:14 Flex Container and Flexbox + flexbox editor 20:30 Font change in CSS 23:10 Font size in CSS + formatting 34:33 Text spacing adjustment 35:18 List items + spacing 37:16 Flex display (text and image alignment) 42:14 Flex display (alignment + borders) 44:47 Button + cursor pointer + text adjustment 48:50 Hover in CSS 50:05 Conclusion #htmlecss #htmlcss #html #css #hashtagprogramacao