Triple Ten Sprint 3 - Responsive Grid Layout

Spots is a responsive image-sharing web application where users can view and interact with photo cards from various locations. Built as part of the TripleTen Software Engineering bootcamp Sprint 3 project. This project is made so all the elements are displayed correctly on popular screen sizes.

Features

Responsive design that adapts to desktop (1440px), tablet, and mobile (320px) viewports
Interactive photo gallery with 6 location cards
User profile section with avatar and description
Like functionality for each photo card
Modern, clean interface with hover states

Technologies & Techniques

*HTML5* - Semantic markup
*CSS3* - Styling and layout
*CSS Grid* - Responsive card layout and page structure
*Flexbox* - Component alignment
*BEM Methodology* - Organized CSS architecture
*Media Queries* - Responsive breakpoints at 1100px and 630px
*Flat BEM File Structure* - Modular CSS organization

Deployment

This webpage is deployed to GitHub pages

Deployment Link: https://john-beast-engineer.github.io...