work with responsive. in local it looks one way and in cell of another

0

Good friend, I have an indelibility diagramming with CSS. What's up ...

I have two css files one for the responsive and one for the normal something like that.

style-index.css: for the laptop file and r-style-index: for the cell

I have this code.

button.inisesion{
        border-radius: 8px 8px 8px 8px;
        position: absolute;
        top:3px;
        right:40px;
        padding: 10px 10px ;
        font-family: avan;
        font-size: 12px;
        color:white;
        background-color: red;
        border: none;
        transition: all 0.3s ease;
        cursor:pointer;
        } 

is a button and it works perfectly in the laptop configuration but when I pass it to the responsive the button changes the space does not look the same. This only happens when I upload it to github and I see my cell but if I see it on the page and the shrink happens nothing looks good. I put a picture of the problem

this is how it looks normal on the computer.

    
asked by wilson 12.07.2017 в 22:23
source

2 answers

0

You can check the line-height to see if it matches the same in both cases, but adjust it. There are options to vertically center the elements, depending on what compatibility you need, but I think you could work something with flexbox .

  

link

    
answered by 12.07.2017 в 23:10
0

already solved the problem. I had to change the tupe to ariel in the code button.inisesion {         border-radius: 8px 8px 8px 8px;         position: absolute;         top: 3px;         right: 40px;         padding: 10px 10px;         remove this font-family: avan;          put this font-family: arial;         font-size: 12px;         color: white;         background-color: network;         border: none;         transition: all 0.3s ease;         cursor: pointer;         }

    
answered by 19.07.2017 в 18:39