/huddle-landing-page-with-alternating-feature-blocks-master

Responsive landing page made with HTML and CSS

Primary LanguageCSS

Frontend Mentor - Huddle landing page with alternating feature blocks master

English

This is a solution to the Loopstudios landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Português

Essa é uma solução para Loopstudios landing page challenge on Frontend Mentor. O site Frontend Mentor challenges ajuda na melhoria das habilidades com códigos através da costrução de projetos realistas.

Table of contents

Overview

The challenge

English

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size(width minimal: 320px )
  • See hover states for all interactive elements on the page

Português

Usuários poderão:

  • Ver o layout otimizado para o site independente do tamanho da tela(largura minima: 320px)
  • Observar os estados diferentes ao passar o mouse/dedo em todos elementos que possuem esse tipo de interação

Screenshot

Desktop version

Desktop version

Mobile version

Mobile version

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow

Author