Projeto Feito com Flex

Solution retrospective
Olá, comunidade, sou o Elson, mas um projeto realizado.
Foi um projeto mais tranquilo, comparado aos que fiz, porém, tem o detalhe da foto não consegui fazer, tentei, mas eu acho que é um pouco mais complexo do que parece.
Hello, community, I'm Elson, but a completed project.
It was a calmer project, compared to the ones I've done, however, there's the detail in the photo that I couldn't do, I tried, but I think it's a little more complex than it seems.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @LucianoDLima
Salve maninho, espero que esteja curtindo essa jornada, vi que você começou recentemente, e ta mandando bem!
Algumas dicas ai que possam te ajudar, desculpa que vai ficar um textão kk
- É legal evitar o uso essessivo de divs, mas é importante também não usar as tags erradas. Digo isso pois você utilizou duas vezes a tag
<section>
, uma para englobar a parte onde mostra os days left e a outra na foto de perfil. Nesses dois casos o correto seria usar div e não **section. Section você usa quando é literalmente separar uma seção de páginas, por exemplo, aqui no frontendmentor tem 4 seções dentro da main tag:
- A seção onde mostra a imagem de fundo com o seu projeto e o botão de preview e de visitar o código
- A seção do design comparison, onde da para comparar o seu projeto com o design oficial
- A seção onde você deixa a sua mensagem com perguntas ou dúvidas sobre o projeto
- E finalmente, essa seção que estou usando agora que engloba a parte de deixar um feedback pra você
Então aqui você pode ver que a seção está separando temas distintos. No caso do seu projeto, ele tem apenas uma seção, que seria a que mostra o card todo e você está usando a tag
<main>
(correto inclusive). Então caso você queira utilizar a tag section, por exemplo, o correto seria você criar uma tag<section class="container">
e remover o class="container" da tag <main> mas sem remover a tag main, faz sentido? Espero que eu não tenha deixado mais confuso haha mas qualquer dúvida pode perguntarMarked as helpful - É legal evitar o uso essessivo de divs, mas é importante também não usar as tags erradas. Digo isso pois você utilizou duas vezes a tag
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord