Skip to content

Very simple and responsive landing page using the Grid Layout for CSS, with a dropdown menu. No Javascript. // Uma landing page bem simples e responsiva usando o Grid Layout, com menu dropdown. Sem Javascript.

License

Notifications You must be signed in to change notification settings

barbaracalderon/simple-grid-layout-landing-page

Repository files navigation

Printscreens

DESKTOP

landing page simples e responsiva usando grid layout system em versão desktop

MOBILE

landing page simples e responsiva usando grid layout system em versão mobile

PT-BR: Uma "landing page" simples e responsiva usando "Grid Layout"

Simples "landing page" como parte de estudos sobre Cascading Style Sheets (CSS) e Grid Layout.

Minha solução para um desafio proposto.

Essa é uma "landing page" muito simples e responsiva: os blocos mudam de disposição de acordo com o tamanho da janela. Tudo foi feito usando o sistema "Grid Layout", sem uso de Javascript.

  1. navbar
  2. dropbdown menu
  3. hamburger menu
  4. jumbletron com background de imagem
  5. imagens
  6. textos com tamanhos diferentes

*PS: Imagens ao final desse arquivo README.md


EN-US: Simple and responsive landing page using the Grid Layout

Simple landing page done as part of my studies on Cascading Style Sheets (CSS) and Grid Layout.

My solution to a proposed challenge.

This is a very simple and responsive landing page: the blocks change their position according to the window size. Everything was done with the Grid Layout, no Javascript needed.

  1. navbar
  2. dropdown menu
  3. hamburger menu
  4. jumbletron with background image
  5. images
  6. different size texts

About

Very simple and responsive landing page using the Grid Layout for CSS, with a dropdown menu. No Javascript. // Uma landing page bem simples e responsiva usando o Grid Layout, com menu dropdown. Sem Javascript.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published