Skip to content

En este proyecto utilizo HTML, CSS, Flexbox, Grid y JavaScript. En mi caso, este proyecto fue sencillo de hacer aunque lo que se complicó solo un poco fue el tamaño de las imágenes al usar Grid. Finalmente se logró.

Notifications You must be signed in to change notification settings

javiervaleriano/devchallenge-my-gallery

Repository files navigation

My Gallery | Mi Galería

Solution for a challenge from Devchallenges.io. | Solución para un desafío de Devchallenges.io.

Table of Contents | Tabla de contenido

Overview | Visión general

Desktop | Escritorio

Desktop view 1 | Vista de escritorio 1 Desktop view 2 | Vista de escritorio 2

Mobile | Móvil

mobile view | vista móvil

Hello everyone, I hope you are well. This is my solution to challenge from Devchallenges.io. | Hola a todos, espero que estén bien. Esta es mi solución al desafío de Devchallenges.io

Here you can see my demo. | Aquí pueden ver mi demo.

In this project I randomly add a URL to the footer link and repeat the process constantly every 5 seconds. It also helped me reinforce my CSS Grid knowledge, learn about new Flexbox features and HTML attributes. | En este proyecto agrego una URL de forma aleatoria al enlace del footer y repito el proceso constantemente cada 5 segundos. También me ayudó a reforzar mis conocimientos en CSS Grid, conocer nuevas características de Flexbox y atributos HTML.

Built With | Construido con

Features | Características

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories | Esta aplicación/sitio se creó como una entrega a un desafío de Devchallenges. El desafío fue crear una aplicación para completar las historias de usuario dadas:

  • User story: I can see a page following the given design. | Puedo ver una página siguiendo el diseño dado.

Acknowledgements | Agradecimientos

  • Utilizar el atributo translate de HTML: W3C article on using the 'translate' attribute in HTML. | Artículo de W3C que trata sobre el uso del atributo 'translate' en HTML.

  • Flexbox CSS: Page that explains the properties of Flexbox CSS. | Página que explica las propiedades de Flexbox CSS.

  • object-position: MDN Web Docs documentation on the CSS object-position property. | Documentación de MDN Web Docs sobre la propiedad object-position de CSS.

Contact | Contacto

About

En este proyecto utilizo HTML, CSS, Flexbox, Grid y JavaScript. En mi caso, este proyecto fue sencillo de hacer aunque lo que se complicó solo un poco fue el tamaño de las imágenes al usar Grid. Finalmente se logró.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published