https://github.com/anithad1625/howtocss-instaclone

HowToCSS-InstaClone is a simplified Instagram-like social media feed interface built using HTML, CSS, and Bootstrap Icons. It features a responsive design for various screen sizes, a grid-based feed layout, user profiles with profile pictures and usernames, posts with images and captions, and reactions and engagement options such as likes and comme
https://github.com/anithad1625/howtocss-instaclone

bootstrap-icons css html media-queries

Last synced: 9 days ago
JSON representation

HowToCSS-InstaClone is a simplified Instagram-like social media feed interface built using HTML, CSS, and Bootstrap Icons. It features a responsive design for various screen sizes, a grid-based feed layout, user profiles with profile pictures and usernames, posts with images and captions, and reactions and engagement options such as likes and comme

• Host: GitHub
• URL: https://github.com/anithad1625/howtocss-instaclone
• Owner: AnithaD1625
• Created: 2025-01-11T10:48:45.000Z (11 days ago)
• Default Branch: main
• Last Pushed: 2025-01-11T10:54:56.000Z (11 days ago)
• Last Synced: 2025-01-11T11:37:56.502Z (11 days ago)
• Topics: bootstrap-icons, css, html, media-queries
• Language: HTML
• Homepage:
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HowToCSS-InstaClone

## Instagram Clone

A simplified Instagram-like social media feed interface built using HTML, CSS, and Bootstrap Icons.

# Features

- Responsive design for various screen sizes

- Grid-based feed layout

- User profiles with profile pictures and usernames

- Posts with images and captions

- Reactions and engagement options (e.g., likes, comments)

# Technologies Used

- HTML5

- CSS3

- Bootstrap Icons

- Media Queries for responsive design

# Getting Started

To view the project, simply open the index.html file in your web browser.

# Usage

To use this stylesheet, simply link it to your HTML file using the  tag:

# Customization

Feel free to modify the stylesheet to fit your specific design needs. You can adjust variables, such as colors, typography, and spacing, to create a unique look and feel for your social media feed interface.

# Author

Anitha D

# Acknowledgments

- Bootstrap Icons for providing free and high-quality icons

- Unsplash and Pexels for providing high-quality images