I want try to cover Css from the basic this is a test.
Fun stuff will come soon 🥳😱.
First we set our html:
<button>Log In</button>
Now let's write some css, I set first the main role for my html:
html{
height: 100vh; /* all the screen */
background: grey; /* the color for the background */
box-sizing: border-box; /* we talk soon about it */
display: flex; /* flexbox */
align-items: center /* center the button in the middle of the wh */
justify-content: center; /* center the button in the middle of the vw */
}
Now I am ready to apply same simple style to our button:
button{
padding: 1rem;
border: 0.5rem solid rebeccapurple;
border-radius: 0.3rem;
font-size: 1.5rem;
background: rebeccapurple;
color: white;
}
Top comments (0)