Assessment wanted for Basic controls 1 skill test. Task-2.

Task-2.

by EiNzp

HTML

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Basic controls: Task 2</title>
  <link rel="stylesheet" href="styles/style.css">
</head>

<body>
  <form>
    <fieldset>
      <legend>Who is your favorite pony?</legend>
      <ul>
        <li>
          <label for="pinkie">Pinkie Pie</label>
          <input type="radio" name="favoritePony" id="pinkie" value="pinkie" checked>
        </li>
        <li>
          <label for="rainbow">Rainbow Dash</label>
          <input type="radio" name="favoritePony" id="rainbow" value="rainbow">
        </li>
        <li>
          <label for="twilight">Twilight Sparkle</label>
          <input type="radio" name="favoritePony" id="twilight" value="twilight">
        </li>
      </ul>
    </fieldset>
    <fieldset>
      <legend>Hotdog preferences</legend>
      <ul>
        <li>
          <label for="vegan">Vegan</label>
          <input type="checkbox" name="hotdog" id="vegan" value="vegan">
        </li>
        <li>
          <label for="onions">Onions</label>
          <input type="checkbox" name="hotdog" id="onions" value="onions">
        </li>
        <li>
          <label for="cornDog">Corn dog</label>
          <input type="checkbox" name="hotdog" id="cornDog" value="cornDog">
        </li>
        <li>
          <label for="danish">Danish hotdog</label>
          <input type="checkbox" name="hotdog" id="danish" value="danish">
        </li>
      </ul>
    </fieldset>
    <button>Submit</button>
  </form>
</body>

</html>

CSS

body {
    background-color: #fff;
    color: #333;
    font: 1em / 1.4 Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 1em;
    margin: 0;
}

* {
    box-sizing: border-box;
}