@Skidragon
Posted
Hi norman02, for spacing list of links between your elements I would look into the lobotomized owl selector * + * since the footer links are kind of squished. Also for your buttons, you can make your buttons grow relative to your text in the button and don't have to use a set width and rem for padding. I would look up em vs rem by Kevin Powell, he does a good explanation. Essentially use em on the padding to set your width and height of your button instead of the rigid width and height properties. Example:
.btn {
display: inline-block;
background-color: white;
padding: 1em;
color: #FF505C;
font-weight: bold;
border-radius: 28px;
}
if you change the font size later for your button in a media query, the width and height of the button will grow with it. Also it will grow or shrink depending on how much text you add into it.
@norman02
Posted
@Skidragon thanks for the advice and the article!