PROJETO: LANDING PAGE apenas com HTML e CSS a partir do FIGMA - PARTE 02 | ONEBITCODE 

Parte 3 seria muito top, curti demais

Um tutorial de CSS desse nível todo mês seria incrível.

Muitoo Top, quero ver a parte 3 com Javascript

Seria bom disponibilizar os arquivos html e css. meu header e footer não ficaram iguais ao figma. ficaria mais facil de encontrar o erro.

Adorei! Muito obrigado!

que foda amigo, simplismente incrivel

Workshop excelente! Adorei!

mto bom, obrigado por compartilhar.

Ótimo vídeo! Esperando pela parte 3 definitivamente.

Muito bom, parabéns. Quebrando a cabeça aqui!

Excelente conteúdo, obrigado por compartilhar.

Muito bom! Queremos mais....

Projeto muito bom. dicção otima.

Foi íncrivel esse projeto! Amei dms, me passou muito conhecimento.

Excelente projeto, parabéns pessoal! Uma parte 3 será massa demais...

Muito bom esse projeto, acabei de finalizar! parte 3 seria perfeito

SHOWWWWWW DE BOLAAAAAA. VLW OBC!

Adorei conteudo , me ajudou a tirar algumas duvidas ... top !

Nossa, adoraria mais projetos como esse.

Aulas maravilhosas! Com certeza gostaria da continuação!! Parabéns e obrigada pelo conteúdo compartilhado!

Top!!! Demaisssss!!!!

Faz a parte 3 com certeza !! fico no aguardooo

Adoraria fazer mais desse projeto, com certeza. Uma parte 3 seria massa demais. 😍😍😍

Adorei, espero mais projetos como esse, Parte 3 seria legal!!!

parte 3 ta logo aí?? vem pf hahahaha ficou top dmsss, obg pelo conteúdo...

Muito bom, continua!

Muito da hora, incrível essa Landing Page, foram muito ensinamentos nessas duas aulas, estão de parabéns 👏👏 Seria incrível ampliar o conhecimento com a PARTE 3 e o desenvolvimento desse site completo, com mais páginas e JavaScript. Fico no aguardo!!!

Estarei esperando a parte 3 ,aprendi muito , obrigado.

Ficou muito daora!, obrigado pelo conteúdo. A parte 3 seria muito bem-vinda!

Gostei demais do projeto! Vai ser incrível se lançarem continuação. Incrementar Javascript e mais sessões seria massa.

Sensacional, um dos melhores canais pra se aprender de forma clara e simples entendimento.

Acompanhando e fazendo junto! Muito top!

Incrível. Ficou muito bom, consegui aplicar tudo, e aprendi bastante coisa nova. Quero continuação!

muito bom, continua

Muito Bom. Parte 3.

Vídeo ótimo! Queremos continuação!!! Projetos práticos são muito bons.

top man demais msm

Vamos para parte 3, wowwwwwwww

Excelente didática e ensinamento aprendi muito nestas duas aulas, parabéns à todos e seria ótimo se houve-se a parte 3, juntando o JavaScript ao projeto... 👍👏

Show! de primeira não deu porque não me atentei aos mínimos detalhes, não desisti e na segunda foi certinho aprendi bem mais. 😄

Super TOP. Sou professor e aos 43 anos resolvi iniciar na programação. Ainda estou iniciando, mas consegui acompanhar e realizar todo o projeto. Agradeço à equipe do One Bit Code por disponibilizar materiais excelentes de forma gratuita para ampliar nossos conhecimentos e melhorar nossa experiência, creio que tanto para quem é iniciante quanto para quem já caminha sozinho na programação. Parabéns! Estou ansioso para ver a PARTE 3 desse projeto já com a parte do Javascript. #tamojuntocomonebitcode

Muito bom projeto para fixar conteúdo, poderiam fazer projetos toda semana e ir aumentando a complexidade a cada novo projeto. Valeu!!!

Muito bom, Faz a parte 3.

Amei o projeto. Aprendi demais. Sou aluna OBC, mas decidi fazer esse projeto pq achei muito interessante. O conteúdo gratuito de vcs tb é show, de muita qualidade. Gratidão.

Nossa achei muito legal esse projeto 🤩 Parte 3 dele seria ótimo 😊 Sou aluna do curso fullstack e estou amando as aulas ❤

O projeto do site é ótimo! E o video é bom também, mas você poderia fazer os processos de uma maneira menos confusa... me incomodou bastante.

Muito bom Isaac, show.

que aula de responsividade, css, e esse conceito de mobile first muito top, eu gostaria sobre uma aula ensinando como coletar os dados do figma, mostrando a parte de estudar o figma, pegar as informações, para depois chegar nessa etapa que fizemos, obrigado pelo conteudo

Muito bom! Adoraria ver com javascript também!

Ótimo conteúdo! Estou fazendo o curso da Onebitcode e seria ótimo se tivessem mais exercícios como este na plataforma.

Codei junto e coloquei no meu portfólio. Achei muito legal a responsividade e design. Adicionar Javascript e algo de back end seria legal! Valeu!

Parte 3 com js plss!!! Projeto incrível amigo!

muito bom

aguardando a parte 3🤘

toppppp, parte 3,4,5,6,7... por favorr

Faz um vídeo sobre chatgpt oq vc acha ? Será q isso pode tomar nossa profissão etc ?

Adorei a aula e já quero fazer outras! Só achei um probleminha no meu na responsividade quando chega mais ou menos nos 1158, o título e o parágrafo quebram e saem da caixa.

Projeto Show se estiver continuação gostaria de participar obg pelo belo projeto.

adoraria se tivesse parte 3 com javascript, gostei muito do projeto. Fiz ate o final, mas aprensentou um probleminha aqui, acredito que seja pelo tamanho da minha tela o icone "three-dashes" não se adaptou.... Se puder ajudar, agradeço!

Eu gostaria de continuar este projeto!

Seria ótimo uma parte 3 com o uso de javascript manipulando páginas.

Parte 3 por favor !!!!!!!!!

daora kkk eu queria fazer o curso, mas tô sem bufunfa, aprendendo na raça e aplicando, está ficando igual

Parte 3 com Javascript ❣🤟

Faltou deixar o arquivo html e css para gente corrigir. Omeu não ficou igual ao projeto final

Libera prá gente o CSS.

😀

parte 3 manda ae

19:53 Ao invés de display:block na media-query anterior, alinhei com display:flex os itens de menu. Alguém sabe dizer se existe algum "problema" ?

O video não está listado. Foi dificil achar edit: Peço o link do figma

essa parte do codigo nao funcionou e eu fiz como esta no video so que o alinhamento dos cards nao mudou alguem pode me ajudar ? .cards { display: flex; flex-direction: column; align-items: start; gap: 2.25rem; margin-top: -6rem; margin-bottom: 7rem; } .cards { background-color: var(--color-primary); border: 2px solid var(--color-black); box-shadow: 4px 4px 0 var(--color-black); max-width: 17rem; padding: 2rem 0 0 2rem; } /*flex-direction: column; align-self: end;*/ .cards:nth-child(2n) { align-self: end; background-color: var(--color-secondary); } .cards strong { display: block; font-size: 1.5rem; margin: 1rem 8; }

usei o nth-child (2n) { align-self: end; background-color: var(- - color - secondary); } por algum motivo não está alinhando com a direita, alguém sabe uma forma de concertar?

Alguém poderia postar os arquivos html e css? Para eu ver onde estou errando

PARTE 3!!

o meu titulo e meu botao de inscreva-se ficou trocado de lado o botao de inscreva-se na esquerda e a logo na direita , como resolvo isso ? tentei aqui e nao consegui

Não estou conseguindo acessar(encontrar) a parte 01 do projeto!

bom, tentei muito pessoal mas o meu deu tudo errado, desisto.

taca javascript ai por favor só pra nós ver a mágica de verdade kkk

ATENÇÃO AOS INICIANTES: não sigam esse tutorial. A programação é pra ser simples, e o sr especialista do vídeo complicou o código 3x mais. O começo é tranquilo, mas no resto, ele copia e cola códigos sem nem explicar de onde tirou (pra fazermos igual), não explica os termos nem porque ele utiliza rem e não cm em todo o código, e no final, ele volta O TEMPO TODO PRA CONSERTAR O CÓDIGO E ADICIONAR MAIS ITENS (QUE PODERIAM SER COLOCADOS NO COMEÇO - AJUSTES DESNECESSÁRIOS), NUMA ETERNA CONFUSÃO porque não foi, possivelmente, planejado antes o código. Nunca passei tanto ódio e escrevi tantas linhas num tutorial. Foi um portfólio sofrido. Abraço (y)