Thanks to visit codestin.com
Credit goes to github.com

Skip to content

This is a small project I made while following Sheriyan's Coding School Cohort 2.0. On Day 19, I learned about responsiveness, and on Day 20, I learned SCSS and hover animations. I tried to apply what I learned by making this interactive Game of Thrones character card gallery. Each card shows character info like house, age, hate level, and fun fac

Notifications You must be signed in to change notification settings

senpai60/GOT-cohort-2.0

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Game of Thrones Character Cards 🏰🔥

Hey there! This is my interactive Game of Thrones character card gallery — a small but cinematic project I built while learning responsiveness and SCSS during Sheriyan's Coding School Cohort 2.0 (Day 19–20).

I experimented with animations, overlays, and hover effects.

🎨 Features

Hover Expand & Tilt: Each card grows smoothly on hover.

Title Overlay: Rotated character names that disappear when hovered for cinematic flair.

Responsive Design: Works beautifully on desktop, tablet, and mobile screens.

SCSS Nested Styling: Clean, maintainable SCSS with transitions and pseudo-elements.

Cinematic Effects: Smooth cubic-bezier animations, glowing borders, subtle shadow depth.

About

This is a small project I made while following Sheriyan's Coding School Cohort 2.0. On Day 19, I learned about responsiveness, and on Day 20, I learned SCSS and hover animations. I tried to apply what I learned by making this interactive Game of Thrones character card gallery. Each card shows character info like house, age, hate level, and fun fac

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published