Skip to content

Desafio do FrontEnd Mentor de montar um card com banner, textos, botões interativos e design responsivo.

Notifications You must be signed in to change notification settings

matheusg18/order-summary-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Mentor - Order summary component solution

Esta é a minha solução do desafio "Order summary component". O desafio consiste em criar um card com interatividade nos botões.

Link para a solução

Table of contents

Overview

Desafio

Os usuários devem ser capazes de:

  • Ver um efeito de hover e active nos botões

Screenshots

Layout mobile

mobile layout

Layout em 1024x768

1024x768

Gifs

Efeitos de hover e active

hover no botão

Desenvolvimento

Tecnologias usadas

  • HTML5
  • SASS
  • CSS
  • Mobile-first

Aprendizados

  • SASS
  • Metodologia modular do Sass
  • SASS maps
  • Manipulação do background image
  • Problemas que podem ocorrer ao usar SASS placeholders dentro de media querries

Contato

About

Desafio do FrontEnd Mentor de montar um card com banner, textos, botões interativos e design responsivo.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published