This repository was created as part of bootcamp "everis FullStack Developer" by Digital Innovation One and it's purpose is recreate the Instagram interface to reinforce the principles of HTM5 and CSS3.
Deploy | Technologies | Installation | Learning | Sharing | Customizing | License
Was used GitHub Pages to deploy this project and you can see it by click on the link below:
To build this project the follow technologies were used:
Just clone this repository in the folder that you want and run index.html on browser:
$ git clone https://github.com/clovisdanielcosta/instragram-interface.git
- Better understanding of justify-content and align-items.
- Flex-direction can invert the properties above.
- Over-flow: hidden to make invisible any piece of image which was not rounded by border-radius.
- Better understanding of nth:child to use background-image.
- Little bit more about media queries.
To learn about use of slides and carousel you can reach the link below:
W3Schools - How to create a slide show
- Use of different images and slide show to look even more like Instagram.
- Use of jJavascript to run the slide show automatically.
- Use font Calibri.
This project is under MIT license. Open file LICENSE to details. The images in this project were made by repo's owner or taken from another repo in the web with the right authorization of use.
I wish to say thanks to Digital Innovation One and everis for make this bootcamp possible. Special thanks to Gabriela Pinheiro by skillfully teaching in this course. Thank you very much. You are doing a great job.
Well done! 👏 👏