46 Day - Apps List

Este diseño pondrá a prueba tus habilidades CSS. Puedes utilizar preprocedares como SASS o LESS. También puedes incluir la metodología BEM para marcar las etiquetas HTML.

Frontend Club

Feb 22, 2024

100daysofprojects

TABLE OF CONTENTS

Apps List

Bienvenido

Requerimientos

Diseño

Envía tu solución

Recursos

Colores

Plantilla

Apps List

Bienvenido

En líneas generales, el objetivo de este reto es transformar el diseño en código, y hacer que se parezca lo más posible al diseño.

El diseño de este reto es propiedad de UI Design Daily.

Para realizar este desafío, necesitas conocimientos básicos de HTML y CSS.

Requerimientos

Los usuarios deberían poder:

Ver el diseño óptimo en pantallas de escritorio.

Ver un estado hover al pasar el mouse sobre la lista en la página.

¿Quieres apoyo en el desafío? Únete a nuestro canal de Telegram.

Diseño

Pantallas grandes:

Envía tu solución

Envía tu solución a nuestro grupo de Facebook para que lo vea el resto de la comunidad:


Hola Frontend Club👋,

Acabo de completar el reto # como parte del desafío #100DaysOfProjects.

Mi solución:
Página web - https://profile-card.netlify.app/
Repositorio - https://github.com/01-day-profile-card.git

Recursos

Proporcionamos los recursos necesarios para completar el proyecto.

Colores


### Paleta de colores
- #EBEBFF - background body
- #FFFFFF - background card
- #FAF2FE - background hover
- #8598FC - background circle profile

### Tipografia
- Fuente body: [Merriweather](https://fonts.google.com/specimen/Merriweather)
- Peso headings: 700
- Peso paragraphs: 400

Plantilla

Puedes utilizar la plantilla base del proyecto para empezar a codificar.

Contenido de texto del diseño.


Search (placeholder)

Accounts (heading h1)

Dropbox (heading h2)
dropbox.com     24 accounts

Pinterest (heading h2)
pinterest.com   3 accounts

Microsoft (heading h2)
microsoft.com   19 accounts