Skip to content

Latest commit

 

History

History
36 lines (24 loc) · 883 Bytes

README.md

File metadata and controls

36 lines (24 loc) · 883 Bytes
Raw

popdog-card-clone

Files associated with my YT video series where I try to create a clone of the Top Games card on popdog.com.

Videos

  1. Building out the structure and animations
  2. Adding the icons with Font Awesome and pseudo-elements
  3. Creating the pulsing animation
  4. Animated SVG wave clip-path - coming soon

Building and Running

There are many ways to build and run this project. 1 suggestion is to use both the sass and http-server NPM commands.

To install

npm -g sass
npm -g http-server

Building

In 2 terminal windows:

# Terminal Window 1
sass --watch scss/main.scss:css/main.css

# Terminal Window 2
http-server .

Running

When both commands are running, open http://localhost:8080 in your web browser.