Um Dev Júnior tem que Saber Isso de CSS Box Model

Box Model é um dos conhecimentos CSS que você deveria saber na primeira semana de estudos front end, certo? 😅 Com certeza, qualquer dev front-end designer que se preze deve saber o conceito de Box Model e como isso impacta no desenvolvimento de interfaces com CSS. ⭐ Aprenda CSS profissional para turbinar sua carreira front-end! https://www.cssalemdosensocomum.com.br/ Saber a diferença entre incluir ou não o valor de algumas propriedades CSS no cálculo da dimensão de elementos é fundamental para conseguir obter os resultados de layout desejados. Conhecer a propriedade CSS box-sizing e seus possíveis valores e como a mudança do algoritmo de Box Model afeta os cálculos de layout é vital e indispensável para um dev front end. Veja neste vídeo o que é CSS Box Model, a propriedade box-sizing e como fazer (e tirar proveito da) alteração do algoritmo de box model. Tudo isso daquele jeito dpw: com uma base teórica indispensável e já partindo para muita prática! Saber CSS Box Model ainda vai te poupar de muitos problemas de layout... Assista ao vídeo e fique mais tranquilo na hora de construir seus layouts para a Web. 💬 Entre na comunidade exclusiva dpw para conversar sobre o conteúdo deste vídeo https://discord.gg/vDd34XbyQr 🌐 Box Model na MDN https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model 📜 Snippet de box-sizing https://github.com/desenvolvweb/basic-front-boilerplate/blob/master/style/03-generics/_box-sizing.scss ========== 📷 Equipamentos usados para gravar este vídeo - Sony Alpha a6400: https://amzn.to/3LZ9Zkv - Cartão 128GB Extreme PRO SDXC: https://amzn.to/3rqVPRg - Tripé Weifeng WT6734: https://amzn.to/3LYWUb4 ========== Assine o canal! http://bit.ly/dpw-youtube - Facebook: https://www.facebook.com/desenvolvweb/ - Instagram: https://www.instagram.com/desenvolvweb/ - Twitter: https://twitter.com/desenvolvweb Conheça o blog desenvolvimento para web: https://desenvolvimentoparaweb.com/