modified index.html and add style.css

3 years ago · c2fda327c8
--- a/praticando/index.html
+++ b/praticando/index.html
@ -1,38 +1,9 @@
 <html lang="pt-br">
  <head>
      <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <style>
 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }

 body {
  background-color: lightgray;
  text-align: center;
  margin: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
 }

 h1 {
  font-size: 45px;
 }

 p {
  margin-top: 50px;
  font-size: 20px;
 }

 table {
  background-color: lightblue;
 }
    </style>

    <h1>PRATICANDO VIM</h1>
    <p>RUNNING TABLE</p>

@ -68,19 +39,25 @@ table {

    <div>
      <form>
        <div>
          <label for="name">Name:</label>
          <input type="text" name="name" placeholder="Type your name"/>
        </div>
        <div class="data-running">
          <div>
            <label for="name">Name:</label>
            <input type="text" name="name" placeholder="Type your name"/>
          </div>

        <div>
          <label for="name">Distance:</label>
          <input type="text" name="name" placeholder="Type your distance"/>
        </div>
          <div>
            <label for="name">Distance:</label>
            <input type="text" name="name" placeholder="Type your distance"/>
          </div>

          <div>
            <label for="name">Time:</label>
            <input type="text" name="name" placeholder="Type your time"/>
          </div>

        <div>
          <label for="name">Time:</label>
          <input type="text" name="name" placeholder="Type your time"/>
          <div>
            <input type="submit" value="Register">
          </div>
        </div>
      </form>
    </div>
--- a/praticando/style.css
+++ b/praticando/style.css
@ -0,0 +1,35 @@
 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }

 body {
  background-color: lightgray;
  text-align: center;
  margin: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
 }

 h1 {
  font-size: 45px;
 }

 p {
  margin-top: 50px;
  font-size: 20px;
 }

 table {
  background-color: lightblue;
 }

 .data-running {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 15px;
 }