Este projeto recria a página de uma Bento grid, desenvolvido como parte de um desafio do Frontend Mentor. O objetivo é praticar HTML semântico, CSS moderno (com variáveis, tipografia e responsividade) e organização de layout para criar uma página limpa, elegante e funcional.
- Estrutura semântica em HTML5
- Estilização com CSS (variáveis, tipografia e espaçamento)
- Layout responsivo para mobile, tablet e desktop
- Conteúdo estático para fins de estudo
- HTML5
- CSS3
- Google Fonts
🎓 Valor Educacional Ideal para quem quer praticar:
Marcação semântica com HTML Boas práticas de CSS (reset, variáveis, tipografia) Layout responsivo e organização de conteúdo
📜 Licença Este projeto foi desenvolvido para fins educacionais e pode ser utilizado livremente para aprendizado e ensino.
This project recreates a Bento grid, developed as part of a Frontend Mentor challenge. The goal is to practice semantic HTML, modern CSS (variables, typography, responsiveness), and clean layout organization.
- Semantic HTML structure
- Styling with CSS (variables, typography, spacing)
- Responsive layout for mobile, tablet and desktop
- Static content for learning purposes
🛠 Built With
- HTML5
- CSS3
- Google Fonts
🎨 Customization Use CSS variables in :root to change theme colors and typography easily.
🎓 Educational Value Great for practicing:
Semantic HTML CSS best practices (variables, reset, typography) Responsive design with media queries
📜 License This project was developed for educational purposes and may be freely used for learning and teaching.