Skip to content

Responsive page with animation of images and texts, variables and flexible measurement units.

Notifications You must be signed in to change notification settings

lidiabrentano/responsive-page-01

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive page with animation

PT-BR: Página responsiva com animações


final-layout-desktop-version final-layout-tablet-version final-layout-mobile-version

final-layout-animated


🚀 Technologies

EN: This project was developed with the following technologies:


PT-BR: Esse projeto foi desenvolvido com as seguintes tecnologias:

  • HTML e CSS
  • Git e Github
  • Figma

📖 Project

EN: Project made in Rocketseat's course "Explorer". The project was to turn this project: https://github.com/lidiabrentano/mobile-first RESPONSIVE!
Therefore, there were some changes on the layout using: 'display: grid' for the desktop and tablet versions; media queries; animation of text and images; css variables and flexible measurement units. (It was requested to remove the footer from the mobile version).
The layout was sent via Figma.


PT-BR: Neste projeto transformei este outro projeto: https://github.com/lidiabrentano/mobile-first em formato RESPONSIVO!
Para isso foram necessárias algumas alterações no código: Uso do 'display: grid' para as versões desktop e tablet; media queries, animações de imagens e textos, uso de variáveis e unidades de medida flexíveis. (Foi solicitada a remoção do rodapé na versão mobile).
O layout para consulta foi enviado através da plataforma Figma.
Projeto feito no curso Explorer da Rocketseat.



By Lídia Brentano 💜

Releases

No releases published

Packages

No packages published