Skip to content

Гармошка мемов с интерактивным интерфейсом, выполненная на чистом HTML5 и CSS3 (RS School)

Notifications You must be signed in to change notification settings

elrouss/cssBayan

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Учебное задание: "CSS Bayan"

Главный экран сайта с текстами мемов и открытой картинкой к одному из них

1. Описание

Задание выполнено в рамках курса «JavaScript/Front-end» (Stage №1) от RS School. Задачей стояло создание по образцу адаптивной верстки с функционалом, написанным на чистом CSS3. По условию задания запрещено использование JavaScript и Node Package Manager (npm), CSS-фреймворков и CSS-препроцессоров, а также единицы измерения px (исключение - для медиа-запросов), псевдоэлементов и позиционирования, отличного от статичного. Оценка выставлялась однокурсниками (cross-review).

Ссылка на задание: https://github.com/DrDiman/CSS-Bayan-task

Ссылка на проект: https://elrouss.github.io/cssBayan/cssBayan/index.html

2. Стех технологий

Иконка CSS3 Иконка HTML5

3. Установка и запуск приложения в локальном репозитории

  1. git clone https://github.com/elrouss/cssBayan.git - клонировать репозиторий (с использованием HTTPS) на свое устройство

4. Процесс создания

Работа выполнена в 2 этапа:

  1. Верстка
  2. Cross-review

5. Функционал

  • Адаптивный интерфейс (320px, 820px, 1920px)
  • Разворачивание списка при наведении курсора
  • Эффект взаимодействия при клике/тапе
  • Сохранение состояния развернутого списка после клика/тапа

6. Статус проекта

Проект завершен

About

Гармошка мемов с интерактивным интерфейсом, выполненная на чистом HTML5 и CSS3 (RS School)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published