How to implement pattern breaking?

Question

Layout

Hello.
I'm making a small application to fill my hand.
The code is here
Live demo
1. You need to "split" the display of each "card" with the match into different pages with arrows switching.
2. The application does not work with the latest version of Angular (1.6.4) due to a bug with .success . How to correctly include .then ?

Answer 1

If you don’t fool around, you can stupidly put a green background on the background, and then lay out blocks with inscriptions and make them fit the design, or you can do it through pseudo-elements :after :before , with shadows the same

Answer 2

There are tutorials, and generators and libraries for this.
https://www.google.com/search?q=materialize+shadow+css

Answer 3

use

$http.get('matches.json')
  .then(function (){})
  .catch(function (){})