Pokémon Let's GO Pikachu - Landing page responsiva usando HTML e CSS | Figma to website #05

preview_player
Показать описание
Neste vídeo, vamos desenvolver um website, com o tema do jogo do Pokémon, Let's GO Pikachu.

O tutorial consiste em receber o projeto em figma e passarmos para HTML, CSS e JS.

O projeto é simples, entretanto utilizamos HTML com tags semânticas, também usamos no CSS o flexbox, grid e media queries para facilitar a responsividade, além disso para a nomenclatura das classes utilizamos o padrão BEM, e publicamos o site no github page.

O objetivo é ajudar quem está iniciando na criação de websites e no mundo front-end.

▶ Projeto no figma

▶ Repositório

▶ Resultado

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▶ Playlist completa

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▶ Assine o canal!

▶ Redes Sociais

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Рекомендации по теме
Комментарии
Автор

Que massa! muito bom professor! Obrigado pelo conteúdo!

lemedev
Автор

Didática de milhões! Obrigado por compartilhar seu conhecimento, professor.

ricksonrocha
Автор

Só conteúdo de qualidade!!! Muito bom professor!

thalessantos
Автор

Professor, Qual Extensão vc usa para marcar os blocos ?

Devreiis