Cashiers

Asked

Viewed 100 times

-2

Good staff,

I was wondering if you could help me build boxes like in the picture,.inserir a descrição da imagem aqui

  • You can inspect element in the browser and see which active styles of this box.

  • 1

    @Jeffersonquesado had never thought of it, I’ll try

1 answer

0


Hi, if you’re referring to the structural part of the box, you should insert Divs into html by placing your proper ID or Class identifiers ae into the CSS you style and shape the size.

+- just like I did.

#omega{
    font-size: 7vw;
    font-size: 14vmin;
    text-align: center;
    position:relative;
    display: inline-flex;
    left:25%;
}
.beta{
  width:200px;
  height:300px;
  background-color:#58b8ef;
  border:2px solid black;
  margin:3px;
}

input{
  width:90px;
  height:70px;
  font-size:15px;
  margin-top:80px;
}
<div id='omega' class='betax'>
  <div id='omega1' class='beta'>1<br>
    <input type="button" value="clique aqui">
  </div>
  <div id='omega2' class='beta'>2
  </div>
  <div id='omega3' class='beta'>3
  </div>
</div>

https://jsfiddle.net/Juracer/f905qooa/2/

  • I already did that, now css is not connecting to html

  • As you see it is possible to insert the code in the response itself. In the editor use the button { }.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.