https://github.com/je-jo/my-gallery

devChallenges #5
https://github.com/je-jo/my-gallery

challenge css3 devchallenges html practice

Last synced: 18 days ago
JSON representation

devChallenges #5

• Host: GitHub
• URL: https://github.com/je-jo/my-gallery
• Owner: je-jo
• Created: 2022-01-04T16:10:59.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-01-08T08:19:45.000Z (over 4 years ago)
• Last Synced: 2025-11-22T22:03:51.850Z (6 months ago)
• Topics: challenge, css3, devchallenges, html, practice
• Language: CSS
• Homepage: https://je-jo.github.io/my-gallery/
• Size: 3.78 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


My Gallery




   Solution for a challenge from  Devchallenges.io.





  


    

      Demo

    

     | 

    

      Solution

    

     | 

    

      Challenge

    

  



## Table of Contents

- [Overview](#overview)

  - [Built With](#built-with)

- [Features](#features)

- [Contact](#contact)

- [Acknowledgements](#acknowledgements)

## Overview

![screenshot](https://raw.githubusercontent.com/je-jo/my-gallery/main/images/my-gallery.png)

This one is all about grid.

The pictures are clickable, and there's a nice hover effect.

### Built With

- Semantic HTML5 markup

- CSS custom properties

- CSS Grid

- Mobile-first workflow

- [Minireset](https://awesomeopensource.com/project/jgthms/minireset.css?categoryPage=29) - A tiny modern CSS reset. 

## Features

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/gcbWLxG6wdennelX7b8I) was to build an application to complete the given user stories.

- [x] User story: I can see a page following the given design

## Acknowledgements

- [Learn CSS Grid the easy way](https://www.youtube.com/watch?v=rg7Fvvl3taU) - A great video by Kevin Powell

- [Responsive Image Gallery With Animated Captions](https://moderncss.dev/responsive-image-gallery-with-animated-captions/)

## Contact

- [Github](https://github.com/je-jo)

- [Frontend Mentor](https://www.frontendmentor.io/profile/je-jo)

- [Codepen](https://codepen.io/je-jo)