Projeto de estudo para praticar:
- HTML5 semântico e estrutura de conteúdo
- CSS Grid Layout para estrutura principal
- CSS Flexbox para componentes específicos
- Organização modular de arquivos CSS
- Uso de variáveis CSS customizadas
- CSS nesting para melhor organização do código
- Header com navegação principal e categorias
- Destaque com notícia principal em destaque
- Seções de notícias por categoria
- HTML5 - Estrutura semântica
- CSS3 - Estilização e layout com Grid e Flexbox
tech-news/
├── assets/
│ ├── icons/ # Ícones SVG da interface
│ └── images/ # Imagens das notícias
├── styles/
│ ├── global.css # Variáveis e estilos globais
│ ├── header.css # Estilos do cabeçalho
│ ├── sections.css # Estilos das seções de conteúdo
│ ├── utility.css # Classes utilitárias
│ └── index.css # Importação dos estilos
├── index.html # Página principal
└── README.md # Este arquivo