Mi solución al challenge mi buen juandc

PREVIEW CHALLENGE

LINK WEB

Preview challenge

LINK CODIGO

Repositorio Github

EXTRAS

• Responsive Design
• Css Grids
• Next js
• Style Jsx

Hola, Juan.
Este es mi resultado para tu reto:

Repositorio: https://github.com/Felipe-Sc/web-unicorn-challenge
Sitio web: https: //felipe-sc.github.io/web-unicorn-challenge/

Hice la versión responsive; sin embargo, tengo un issue en la versión mobile ya que con PostCSS no me reconoce el cambio de los grid areas y, además, unas propiedades de padding no están siendo aplicadas por lo cual la sección del perfil está junta con el hero.
Estaré trabajando para encontrar el error, pero por lo pronto envío mi reto para no enviarlo fuera de la fecha límite.

Fue entretenido y se reforzaron conocimientos con esta actividad, gracias 😃

Aqui esta mi solucion para tu reto @juandc

Preview

Links:

Pagina Web

Repositorio Github

Extras:

• Animaciones
• Responsive Design

Muy entretenido de hacer, ojala hagas mas pronto.

Comparto mi resultado del Challenge.

Link del resultado 👉 Here

👨‍💻 Repositorio 👉 Here

Puntos extra:

• Animaciones
• Responsive Design
• Stylus

si te gusta el resultado deje tu 💚 y por su puesto tu feedback.

Espero haber cumplido con las exigencias del reto jajaja. Traté de buscar la tipografía más parecida pero no encontré una igual.

Items solicitados:

1. Link para visualizar el resultado.
2. Link del código.
3. Imagen del resultado final:
   

Extras:

• Grid para layouts
• Animaciones
• Responsive

Gracias por el reto, este es el resultado:

Link Resultado:
https://cristiancucunuba.github.io/web-unicorn-challenge/
Link Codigo:
https://github.com/CristianCucunuba/web-unicorn-challenge

Muy buena iniciativa para practicar !!

Requerimientos:

1. 🖥️ Página web
2. 🗂️ Repositorio
3. 🖼️ Imagen del resultado:

Extras

• Animaciones - Animate.css
• Framework - Bulma
• Sass
• Manejador de paquetes Yarn
• Responsive
• Flex CSS

Instagram, LinkedIn
Web Development: Kelvin Corporán 🇩🇴

Aquí esta mi maqueta, espero les guste.

Página web: https://burbanojaime.github.io/Reto-Unicornio/
Código: https://github.com/BurbanoJaime/Reto-Unicornio

Lo hice en React, usando HTML, Sass, JSX.

Extras

• Animaciones
• Responsive
• React

Sitio Publicado: https://patriciavera.co/unicornio/index.html
Repositorio: https://github.com/PatriciaVera/web-unicornio-challenge/tree/master2

Extra:

Añadir animaciones y transiciones de todo tipo.
Utilizar CSS Grid.
Uso del Framework Bootstrap.
Responsive

Página
Repositorio

• Repositorio

• Sitio web

• Extras: Responsive design, animaciones, CSS Grid e info. personalizada

Challenge Completed

Link github site: https://vuls7.github.io/web-unicorn-challenge/
Link Repository: https://github.com/vuls7/web-unicorn-challenge/

Página: https://gabrielelpidio.github.io/unicorn-challenge/

Código: https://github.com/gabrielelpidio/unicorn-challenge

Hecho con React y create-react-app.

Extras:

• Responsive con CSS y un poco de ayuda de react-responsive
• Animaciones basadas en física de resortes con React Spring
• CSS Grid en casi todo

Pd: Not the cleanest CSS

Reto completado
Link del page: https://imceler.github.io/unicornio-web/

Link del repositorio: https://github.com/imceler/unicornio-web

Para este proyecto utilice, html, css, css grid, post-css y un poco de Javascript

Muchas gracias por crear este reto me divertí muchísimo realizándolo.

-Link de la web: https://ismael999.github.io/public
-Repositorio: https://github.com/ismael999/ismael999.github.io
-Foto:

Hecho con React.js usando node.js y webpack.

URL: https://dipacata.github.io/Desafio-Unicornio/

Código: https://github.com/dipacata/Desafio-Unicornio

apliqué HTML,/CSS y Responsive Design, son los cursos que llevo hasta ahora :)

Espero correcciones, sugerencias, quiero aprender y ser mejor.

Un poco fuera de tiempo pero tenía problemas con mi despliegue 😞 . Aún así creo que es una buena propuesta, espero te guste 😃

Links:

• Sitio en producción
• Repositorio

Imagen del resultado:

Extras:

• Desarrollado con Angular 8
• CSS Grid para layouts
• SASS organizado con BEM
• Responsive Design
• Animaciones

Sitio Publicado: http://www.mvalverdedev.com/web-unicorn-challenge
Repositorio: https://github.com/mvalverdedev/web-unicorn-challenge

Puntos extra

• Modificar o añadir secciones del diseño.
• Añadir animaciones y transiciones de todo tipo.
• Utilizar CSS Grid.
• Uso del Framework Bootstrap.

Punto en progreso

• Diseñar y programar la versión mobile de la página web.

P.D. Lo ajustaré y será mi sitio web profesional.