Mobile first Design with Sass Second attempt

Community feedback

• 

  Simon Davis•505

  @SkidragonPosted over 3 years ago

  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.

  2

  ---

  

  P

  John Norman•880

  @norman02Posted over 3 years ago

  @Skidragon thanks for the advice and the article!

  0