{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/adbfbd254884498f8c24bd01a13f8582\" frameborder=\"0\" width=\"1728\" height=\"1296\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1296,"width":1728,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1296,"thumbnail_width":1728,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/adbfbd254884498f8c24bd01a13f8582-00001.gif","duration":215.26666666666662,"title":"Centralizando elementos em uma seção do projeto 🎯","description":"Fala aí, Jackson! Nesse vídeo, eu dei uma olhada no teu projeto e percebi que você está com dificuldades para centralizar uma dívida. Então, eu fiz uma inspeção e identifiquei a ordem dos elementos na seção. Notei que a seção não possui uma classe, mas dentro dela tem o benefício já sinalizado e uma sessão com o título do benefício. Não precisamos mexer na sessão do benefício, pois está correta. O que precisamos fazer é centralizar os elementos dentro da seção. Durante a análise, encontrei algumas coisas curiosas, como um arquivo \"status.cs\" e um \"home.cs\" dentro da pasta \"styles\". Também percebi que o \"rome.ccs\" não está linkado no \"index.html\". Vou linkar o arquivo e fazer algumas modificações no \"home.css\". Depois, organizo tudo por aqui. Não é necessário ter os dois arquivos, pois podemos colocar os elementos principais na seção e o restante apenas na home. Vou mexer na seção da home e utilizar o \"display: flex\" para centralizar os elementos. Se tiver alguma dúvida ou se não for isso que você queria, me avisa. Estamos juntos! Ah, e aproveito para recomendar o Flexbox Frog, um jogo muito bom para aprender sobre o \"display: flex\" e flexbox em geral. Vale a pena conferir!"}