CSS: Menu Lateral e Flexbox

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

Nesta aula, vamos abordar o código do menu lateral e aprofundar-nos em CSS, explorando posicionamento, layouts e a técnica do Flexbox
Nesta aula, você vai:
Criar todo menu lateral da página;
Aprender os fundamentos do CSS Flexbox;
Saber mais sobre posicionamentos no CSS.
Fique até o final da aula e descubra insights e orientações exclusivas para impulsionar o seu aprendizado de forma eficaz com o uso do ChatGPT.
Link do projeto:
Pasta assets - https://drive.google.com/drive/folders/1VveWX0Lcxf6CV6NgNiJLNcp1gAbl6H05
Código da aula 2 - https://github.com/RodrigoHarder/imersao-frontend/tree/main/spotify-imersao-alura-aula-02
------------------------------------------------------------------------------------
Guia de Mergulho da Imersão Front-End! - https://grupoalura.notion.site/Imers-o-Front-End-Guia-de-Mergulho-53f23a8a959e43608524e08b22c585b9
ChatGPT
Landing page do Spotify
CSS: seletores avançados que facilitam o desenvolvimento web - https://www.alura.com.br/artigos/css-seletores-avancados-aplicacoes-web?_gl=1*1id2bjw*_ga*MTkwNzA3Mjc3MS4xNzA1MjQyMTQ2*_ga_1EPWSW3PCS*MTcwNjQ3ODc4NS42LjEuMTcwNjQ3OTc0NC4wLjAuMA..*_fplc*NlZnU0p0dzZXZkJpY0ZRYzlLVnRMc1BqSVdGY3R1bVhFdEJaJTJCVnQ2JTJCdSUyRnBLSVROMnBJWlNHOXElMkZZM2ZHTlFVNkd0bzRnZWN1U2lyVFdyN0E4Qnk5bzJlN0UzTXZLcnp3amhaeCUyQlk4UlpxRG5lbExpUEVLV0RpWmM1V3FMZyUzRCUzRA..
Guia de CSS Flexbox - https://www.alura.com.br/artigos/css-guia-do-flexbox?_gl=1*1id2bjw*_ga*MTkwNzA3Mjc3MS4xNzA1MjQyMTQ2*_ga_1EPWSW3PCS*MTcwNjQ3ODc4NS42LjEuMTcwNjQ3OTc0NC4wLjAuMA..*_fplc*NlZnU0p0dzZXZkJpY0ZRYzlLVnRMc1BqSVdGY3R1bVhFdEJaJTJCVnQ2JTJCdSUyRnBLSVROMnBJWlNHOXElMkZZM2ZHTlFVNkd0bzRnZWN1U2lyVFdyN0E4Qnk5bzJlN0UzTXZLcnp3amhaeCUyQlk4UlpxRG5lbExpUEVLV0RpWmM1V3FMZyUzRCUzRA..
-----------------------------------------------------------------------------------------
Deseja ir além? Experimente este desafio:
Fazer a tag (brinque com o botão, faça o gradiente, etc).
------------------------------------------------------------------------------------------
Aprofunde-se nos seguintes tópicos:
Treine seu conhecimento em CSS jogando
Grid Garden - https://cssgridgarden.com/
Flexbox Froggy - https://flexboxfroggy.com/
dois games que funcionam por meio do código CSS
Padrão BEM para CSS - https://www.alura.com.br/artigos/criando-componentes-css-com-padrao-bem?_gl=1*1umrf6z*_ga*MTkwNzA3Mjc3MS4xNzA1MjQyMTQ2*_ga_1EPWSW3PCS*MTcwNjQ3ODc4NS42LjEuMTcwNjQ3OTc0NC4wLjAuMA..*_fplc*NlZnU0p0dzZXZkJpY0ZRYzlLVnRMc1BqSVdGY3R1bVhFdEJaJTJCVnQ2JTJCdSUyRnBLSVROMnBJWlNHOXElMkZZM2ZHTlFVNkd0bzRnZWN1U2lyVFdyN0E4Qnk5bzJlN0UzTXZLcnp3amhaeCUyQlk4UlpxRG5lbExpUEVLV0RpWmM1V3FMZyUzRCUzRA..#utilizando-o-padrao-bem
Websérie: ChatGPT e IAs generativas - https://www.youtube.com/watch?v=NsXfldreSPQ&list=PLh2Y_pKOa4Ud316ih975nbh3YbF5R4uZP&pp=iAQB