Instagram is a static page created using HTML and CSS, dedicated to exploring responsive design principles. This project was created for study with a primary focus on showing adaptability to different screen dimensions, offering insights into the complexities of responsive web development.
![]() |
![]() |
![]() |
---|
Feature 1
: Replica of the Instagram web interface optimized for responsiveness on computers, tablets, and smartphones.Tablet Feature
: When adjusting to the tablet size, the sidebar is removed from the screen due to limited space, and the arrow for navigating through stories is hidden, allowing scrolling to view more content.Smartphone Feature
: When adapting to the smartphone size, the header streamlines its functions to essentials, transferring the others to the footer. Additionally, screen margins are removed to ensure content occupies the entire space without wastage.
- 📁 The Instagram project is open source and easily accessible through the link: https://github.com/Teones/projeto2-instagram.
▶️ To run the project, it has also been deployed at the following link: https://teones.github.io/projeto2-instagram/.