js_games/style.css at master · tanuj1811/js_games · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
.containers{
    border:1px solid;
    width : 75%;
    margin: 0 auto;
    text-align:center;
  }

  .flex-container {
    display : flex;
    flex-wrap  : wrap;
    border : 1px solid blue;
    padding : 10px;
    justify-content : space-around;
  }

  .flex-container div{
    display : flex;
    padding :10px;
    border :1px solid black;
    flex-wrap : wrap;
    justify-content : space-around;

  }
  #display{
    /* display : flex; */
    width: 100%;
    padding :10px;
    /* border :1px solid black; */
    flex-wrap : wrap;
    justify-content : space-around;
  }

  #display img{
    border:5px solid black;
  }

  #display img:hover{
    border:5px solid blue;
    background-color: yellow;
  }

  /* game blackjack css */
  .game-board{
      /* background-color: linear-gradient(rgb(24, 83, 24),); */
      background: linear-gradient(to bottom right, #71ff78 0%, #18721d 100%);
      color: #ffffff;
      display: flex;
      flex: 1;
      flex-wrap  : wrap;
      /* margin: auto; */
      border : 1px solid blue;
      justify-content : space-around;
  }

  .game-board div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    /* border : 1px solid rgb(252, 252, 252); */
    padding: 10px;
    width: 100%;
    height:400px;
    text-align: center;

  }

  #your-cards img, #dealer-cards img{
      /* display: flex;
      flex-wrap: wrap; */
      /* flex:0 1 auto; */
      width: auto;
      height: 25%;
      padding: 10px;
      justify-content : center;
  }

  #your-box, #dealer-box{
      /* display: flex; */
      /* flex-wrap: wrap; */
      border: 2px solid green;
      flex: 1;
      height: 500px;
      justify-content : space-around;
  }