https://github.com/biancamos/responsividade

Introducão à responsividade com regra mobile-first, regras das unidades de medidas flexíveis em versão Mobile e Desktop.
https://github.com/biancamos/responsividade

css figma html rocketseat

Last synced: 3 months ago
JSON representation

Introducão à responsividade com regra mobile-first, regras das unidades de medidas flexíveis em versão Mobile e Desktop.

• Host: GitHub
• URL: https://github.com/biancamos/responsividade
• Owner: BiancaMos
• Created: 2023-04-11T21:47:27.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-12T14:16:31.000Z (over 3 years ago)
• Last Synced: 2025-07-22T22:02:20.752Z (about 1 year ago)
• Topics: css, figma, html, rocketseat
• Language: CSS
• Homepage:
• Size: 422 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: docs/README.md

Awesome Lists containing this project

README

          
# 🖥 Responsividade em diversos dispositivos

💻 📱 _Responsiveness on multiple devices_

# 🚀 Objetivo:

_Objective:_

🇧🇷 Introducão à responsividade com regra mobile-first, regras das unidades de medidas flexíveis em versão Mobile e Desktop. 

🇺🇸 _Introduction to responsiveness with mobile-first rule, flexible measurement units rules in Mobile and Desktop version._

📸 
 

 Captura de tela Figma, Desktop e Mobile:




 _Figma Screenshot, Desktop and Mobile:_

![](../images/figma.png)

# ⚙️ Techonogias:

_Technology:_

- [HTML](../index.html)

- [CSS](../css.html)

- [Figma](https://www.figma.com/file/DDFFO0Wh6wpOa0LdwNuR0y/Explorer-Stage-03-Projeto-02/duplicate?node-id=203-412)

# 

# 👩🏻‍💻 Responsividade em alguns dispositivos diferentes:

_Responsiveness on a few different devices:_  

📸 Screenshots: Desktop, iPad Mini, iPhone XR, Samsung Galaxy S8+, Samsung Galaxy S20 Ultra e iPad pro:

![](../images/responsivo.png)

![](../images/dispositivo_mini.png)

![](../images/dispositivo_mini.png)

![](../images/samsung_galaxy_S8plus.png)

![](../images/galaxyS20Ultra.png)

![](../images/ipad_pro.png)

#

## 📝 Projeto:

 _Project:_

🇧🇷 Foi desenvolvido com base nas aulas da Turma 09 Explorer Rocketseat.  

🇺🇸 _Made in Rocketseat's course Explorer._

#

### 🗓 Abril de 2023

 _April 2023_ 

#

 ### 🔗 Link: 

 🇧🇷 [Projeto online aqui!](http://127.0.0.1:5500/index.html#)

 
 

 🇺🇸 [_Project online here!_](http://127.0.0.1:5500/index.html#)

 #

                    Feito com 🤍 by BM