Adicione design à sua aplicação com HTML e CSS

Traduzido por @MADPT aka Miguel Ângelo

Esse guia assume que você já construiu o app do Rails Girls seguindo o tutorial de desenvolvimento do app.

1.Desenhe o cabeçalho

   Coach: fale sobre a propriedade display, inline e block.

2.Desenhe a tabela

  .container a:hover {
    color: #f55e55;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
  }

3.Adicione estilo ao rodapé

4.Adicione estilo ao botão

  Adicione estas linhas ao ficheiro app/assets/stylesheets/ideas.css.scss

   .container input[type="submit"] {
      height: 30px;
      font-size: 13px;
      background-color: #f55e55;
      border: none;
      color: #fff;
    }

Coach explique como usar border em css, tente modificar o estilo do botão como em volta da esquina, adicione sombra ou cor, etc.