Portal de notícias tecnológicas desenvolvido como atividade avaliativa da disciplina de Design de Interfaces para a Web Mobile no IFNMG — Campus Montes Claros.
- HTML5 semântico
- CSS3 puro (sem bibliotecas externas)
- Mobile-First: CSS base construído para smartphones, com Media Queries expandindo para desktop
- CSS Grid: seção de destaques com layout assimétrico — notícia principal ocupa duas linhas e uma coluna maior
- Flexbox: listagem de notícias secundárias com
flex-wrap: wrapeflex: 1 1 250px - clamp(): tipografia fluida nos títulos das notícias principais
- vmin: padding do cabeçalho dimensionado em unidade de viewport
- box-sizing: border-box: prevenção de scroll horizontal
| Tela | Comportamento |
|---|---|
| Mobile (< 1024px) | Layout em coluna única, cards empilhados |
| Desktop (≥ 1024px) | Grid assimétrico, navbar horizontal |
Bryan — bkjs@aluno.ifnmg.edu.br