Breaking News: Grepper is joining You.com. Read the official announcement!

scratch card css

Shivam gandhi answered on July 3, 2022 Popularity 3/10 Helpfulness 1/10

answer scratch card css

related scratch card HTML

scratch card css

Comment

html 
    {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.scratchpad{
  width: 450px;
  height: 445px;
  border:  solid 10px #FFFFFF;
   margin: 0 auto;
}
 body {
     background  :#efefef;
}
.scratch-container {
   -webkit-touch-callout : none;
   -webkit-user-select : none;
   -khtml-user-select : none;
   -moz-user-select : none;
   -ms-user-select : none;
   user-select : none;
   width :100%;
}
 @media only screen and ( max-width  : 480px) {
   .scratchpad { width :400px; height:396px;}
   .scratch-container { width :400px !important;}

 

 @media only screen and ( max-width : 320px) {
   .scratchpad { width:290px; height:287px;}
   .scratch-container { width:290px !important;}
}
 . promo-container {
     background:#FFF;
     border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     width:450px;
     padding:20px;
     margin:0 auto;
     text-align:center;
     font-family:'Open Sans', Arial,Sans-serif;
     color:#333;
     font-size:16px;
     margin-top:20px;
}
 . btn {
   background :#56CFD2;
   color :#FFF;
   padding :10px 25px;
   display :inline-block;
   margin-top :15px;
   text-decoration :none;
   font-weight :600;
   text-transform:uppercase;
   border-radius :3px;
   -moz-border-radius :3px;
   -webkit-border-radiuss :3px;
}
 </style>

Popularity 3/10 Helpfulness 1/10 Language css

Source: www.kwiklearners.com

Tags: card css

Link to this answer
Share Copy Link

Contributed on Jul 03 2022

Shivam gandhi

0 Answers Avg Quality 2/10

Closely Related Answers

scratch card HTML

Comment

<div  class="scratch-container">
 <div id="promo"  class= "scratchpad"></div>
</div>
<div class="promo-container" style="display:none;">
 <div class="promo-code"></div>
  <a  href="https://www.kwiklearners.com" 
    target="_blank" class="btn">Register Now</a>
</div>

Popularity 6/10 Helpfulness 1/10 Language html

Source: www.kwiklearners.com

Tags: html card

Link to this answer
Share Copy Link

Contributed on Jul 03 2022

Shivam gandhi

0 Answers Avg Quality 2/10

scratch card css

Contents

More Related Answers

scratch card css

Closely Related Answers

scratch card HTML

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.