product-preview-card-component-main

Frontend Mentor - Product preview card component solution

ENGLISH

This is a solution to the Product preview card component challenge on Frontend Mentor.

PORTUGUÊS

Esta é uma solução para o Desafio de pré-visualização de componente de cartão de produto no Frontend Mentor.

Table of contents (Tabela de conteúdos)

• Overview (Visão Geral)
  • Screenshot
  • Links
• My process (Meu Processo)
  • Built with (Construído com)
  • Continued development (Desenvolvimento continuado)
• Author (Autor)

Overview

ENGLISH Time used for the development of the whole challenge was: about 2 hours.

PORTUGUÊS O tempo utilizado para o desenvolvimento de todo o desafio foi: cerca de 2 horas.

Screenshot

Screenshot of the Completed Mobile Challenge (Screenshot do Desafio Finalizado em Mobile)

Screenshot of the Completed Desktop Challenge (Screenshot do Desafio Finalizado em Desktop)

Links

• Solution URL: Repository of this Challenge (Repositório deste desafio)

• Live Site URL: GitHub Page of this Challenge

• See more Solutions: Repository with all challenges (Repositório com todos os desafios))

My process

Built with

ENGLISH

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

PORTUGUÊS

• Marcação HTML5 semântica
• Propriedades personalizadas do CSS
• Flexbox
• Fluxo de trabalho móvel-primeiro

Continued development

ENGLISH I want to understand more about it:

• Reset CSS
• Flexbox
• Grid Layout

It was this content that I kept thinking about the most while doing this challenge.

PORTUGUÊS Pretendo entender melhor sobre:

• Reset CSS
• Flexbox
• Grid Layout

Foram estes conteúdos que mais fiquei pensando enquanto fazia este desafio.

Author

• Frontend Mentor - @coelhoalexandre
• GitHub - coelhoalexandre