Ajustando o Layout da Página do Google - Curso Básico de HTML e CSS [Aula 4/6]
Want to learn more about our Complete HTML & 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... ----------------------------------------------------------------------- If you prefer the video in text format: https://www.hashtagtreinamentos.com/c... ----------------------------------------------------------------------- Hey Impressives! Today we're going to the fourth lesson of the Basic HTML and CSS Course so you can take your first steps and create your Google replica! In this lesson we'll adjust the layout of the Google page using FlexBox, which is very useful when positioning elements within the page. You'll notice that using the programmer's tools is quite straightforward; this way you can test how each option works and know which ones you can use in your code. Here we'll adjust the header and footer of our page to match the original page format! ----------------------------------------------------------------------- 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:06 What are we going to do? 01:30 Programmer tools (flex box – display property) 11:23 Inserting the code into CSS 13:58 Applying the same logic to the footer 19:30 Conclusion #htmlecss #htmlcss #html #css #hashtagprogramacao
![Creating the Google Search Section - Basic HTML and CSS Course [Lesson 5/6]](https://i.ytimg.com/vi/pFRBM_LLgD4/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLD7uHa7d9BmAjxtJ6LHd-wLVYjuyg)
Creating the Google Search Section - Basic HTML and CSS Course [Lesson 5/6]
![Finalizando a página do Google - Curso Básico de HTML e CSS [Aula 6/6]](https://i.ytimg.com/vi/dkt7EWCUHUo/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCZcvjbvC_BPkdwvfypGcgEoMjhRQ)
Finalizando a página do Google - Curso Básico de HTML e CSS [Aula 6/6]

Installing VS Code for HTML and CSS Programming (Visual Studio Code)

Lesson 16 - How to create a web page layout using DIVs.

O Que é Normalização de Dados? Aprenda 1FN, 2FN e 3FN com Exemplos Simples #sql #bancodedados

Aprenda HTML e CSS em Apenas 22 min

System Design Course – APIs, Databases, Caching, CDNs, Load Balancing & Production Infra
![Creating the Google Page Header - Basic HTML and CSS Course [Lesson 2/6]](https://i.ytimg.com/vi/ZtM5jkt53-4/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBn9J8x53p90SM2NWCPEqlicQ0k-Q)
Creating the Google Page Header - Basic HTML and CSS Course [Lesson 2/6]

Basic Html and CSS Course - Learn How to Build a Landing Page - Part 1

ASMR Luxury Ocean Spa | Deep Relaxation For Sleep

Trump Sends Vance to Concede to Iran & Reflecting Pool Is Filled with Corruption | The Daily Show

Kolumbien – DR Kongo Highlights | Gruppe K, FIFA WM 2026 | sportstudio

Esse é o segredo para deixar qualquer site responsivo usando flexbox

Basic HTML Course - Creating a Portfolio Page
![Basic HTML and CSS Course - Introduction to HTML and CSS [Lesson 1/6]](https://i.ytimg.com/vi/0Ba6PVHMa0A/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCiPFFHNwv8g14INYHu13zjTDA-8Q)
Basic HTML and CSS Course - Introduction to HTML and CSS [Lesson 1/6]

Portugal – Usbekistan Highlights | Gruppe K, FIFA WM 2026 | sportstudio

Como adicionar fontes personalizadas no site? (Tutorial de HTML e CSS)

Claude's 7 features that will put you ahead of 99% of people.
![Creating the Google page footer - Basic HTML and CSS Course [Lesson 3/6]](https://i.ytimg.com/vi/Lj-ON3QcFTQ/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLANFA3-TsWYJdCkdwqCkiiyTHCQCw)
