88 lines
1.7 KiB
Markdown
88 lines
1.7 KiB
Markdown
[](http://ricardomoreira.io/)
|
|
|
|
<h1 align="center"> 🔥Image Gallery🔥</h1>
|
|
|
|
<h2 align="center">Image Gallery made only with CSS </h2>
|
|
|
|
### Index
|
|
|
|
* [Name](#Name) 👈
|
|
* [Links](#Links) 🔗
|
|
* [Description](#Description) 📖
|
|
* [Languages and Frameworks](####Languages-and-Frameworks) ⚙️
|
|
* [Screenshots](#Screenshots) 📱
|
|
* [Instalation](#Instalation) 🧩
|
|
* [Support](#Support) 🆘
|
|
* [Roadmap](#Roadmap) 🗺️
|
|
* [Authors and acknowledgment](####Authors-and-acknowledgment) ✍️
|
|
* [Project Status](#Project-Status) 📜
|
|
|
|
# Name
|
|
|
|
Image Gallery
|
|
|
|
# Links
|
|
|
|
[Website](https://goodstuffoodsgallery.netlify.app/)
|
|
|
|
[Presentation](https://www.ricardomoreira.io/blog/2020-05-28-create-a-image-gallery)
|
|
|
|
___
|
|
|
|
# Description
|
|
|
|
First project that I did. Based on a tutorial as a simple image gallery.
|
|
|
|
* **Flexbox** - for the navbars, and also for the text inside the image
|
|
* **Grid** - for the gallery image. It is adapted to fit as many images as necessary keeping the ratio
|
|
* **Acessibility** - Add proper structure, image alt text and some other features to make the website more acessible.
|
|
* **BEM** - Use Block Element Modifier ( BEM) to name my classes in CSS
|
|
|
|
___
|
|
|
|
# Languages, Frameworks and others
|
|
|
|
* **CSS** - Styling
|
|
|
|
____
|
|
|
|
# Screenshots
|
|
|
|
Home Page | Blog Page
|
|
:-------------------------:|:-------------------------:
|
|
 | 
|
|
|
|
____
|
|
|
|
# Instalation
|
|
|
|
___
|
|
|
|
# Support
|
|
|
|
Have any question or find something that doesn't look good? Let's talk 😊
|
|
|
|
[Here](https://github.com/mugas)
|
|
|
|
[And Here](https://www.ricardomoreira.io/about)
|
|
|
|
____
|
|
|
|
# Roadmap
|
|
|
|
Nothing to add
|
|
|
|
____
|
|
|
|
# Authors-and-acknowledgment
|
|
|
|
* Me 😊
|
|
|
|
____
|
|
|
|
# Project-Status
|
|
|
|
Nothing to add.
|
|
|
|
____
|