Git Product home page Git Product logo

javiervaleriano / devchallenge-my-gallery Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 10.64 MB

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ó.

Home Page: https://javiervaleriano.github.io/devchallenge-my-gallery/

JavaScript 8.06% HTML 35.02% CSS 56.92%
gallery-images gallery devchallenge devchallenges devchallenge-io html-css-javascript

devchallenge-my-gallery's Introduction

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.