Triple Ten Sprint 3 - Responsive Grid Layout
Автор: John Pettiford
Загружено: 2025-09-11
Просмотров: 9
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...
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: