Skip to content

zMarcoos/responsive-design-start

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Responsive Design Start

Introdução ao Design Responsivo para Web e Mobile

📌 Sobre o Projeto

Este projeto foi criado para demonstrar os princípios fundamentais do design responsivo. Ele apresenta um layout flexível e adaptável a diferentes tamanhos de tela, utilizando técnicas modernas de CSS como breakpoints e unidades relativas.

🚀 Tecnologias Utilizadas

  • HTML5
  • CSS3 (Flexbox, Media Queries)
  • Google Fonts

🎯 Objetivo

O objetivo deste projeto é servir como um ponto de partida para desenvolvedores que desejam aprender sobre responsividade na web, garantindo que interfaces se ajustem corretamente em dispositivos móveis e desktops.

📂 Estrutura do Projeto

ResponsiveDesignStart/
│── index.html       # Estrutura principal da página
│── style.css        # Estilos e regras de responsividade
└── README.md        # Documentação do projeto

📸 Preview

Preview do Projeto

🛠 Como Usar

  1. Clone o repositório:
    git clone https://github.com/zMarcoos/responsive-design-start.git
  2. Abra o arquivo index.html no navegador.
  3. Edite e personalize conforme necessário!

About

Este é um projeto introdutório que serve para praticar os fundamentos do design responsivo para web e mobile. Ele demonstra como criar layouts flexíveis utilizando HTML e CSS, adaptando-se a diferentes dispositivos com técnicas como breakpoints, tipografia escalável e estrutura fluida.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors