[![Social banner for mugas](./assets/Image_banner.png)](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
:-------------------------:|:-------------------------:
![](assets/screenshot.png)  |  ![](assets/screenshot1.png)

____

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

____