Створення сторінки вибору функцій - Спроєктуйте сторінку вибору функції

Curriculum Help
1

Розкажіть, що відбувається:

Please, help me, I’m wrote the code correctly, but the system won’t let me in again! I’ve already tried to pass the work though another browser and even with the add-on my phone! Help me…please​:disappointed_face:

Ваш код на цей момент

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Selection Feature Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
</head>

<body>
<h1>Feature Selection</h1>
<div class="feature-card-container">
<label class="feature-card" for="storage"><input id="storage" type="checkbox" >Cloud storage <p>100 Gigabyte secure storage</p></label>
<label class="feature-card" for="support"><input id="support" type="checkbox" >Dedicated Support <p>24/7 customer help</p></label>
<label class="feature-card"for="analytics"><input id="analytics" type="checkbox" >Advanced Analytics <p>Insights & reports</p></label>
<label class="feature-card" for="user-themes"><input id="user-themes" type="checkbox" >Custom User Themes <p>Personalized dashboard design</p></label>
</div>
</body>

</html>

/* file: styles.css */
body{
  max-height:100vh;
  background-color:#f0f0f0;
  text-align:center;
}
.feature-card-container{
  border:1px solid rgba(118, 116, 116, 0.5);
  border-radius:10px;
  box-shadow:0 2px 5px rgba(118, 116, 116, 0.5);
  margin:auto;
  max-width:600px;
  padding:20px;
}
label{
  display:inline-block;
  width:43%;
  font-weight:bold;
  font-size:1.2rem;
  border:0.5px solid rgb(171, 171, 69);
  padding:20px;
  margin:10px;
  box-sizing:border-box;
  border-radius:10px;
  height:150px;
  vertical-align:middle;
  cursor:pointer;
  box-shadow:0 2px 5px rgba(171, 171, 69, 0.5);
}
input[type="checkbox"]{
  appearance:none;
  -webkit-appearance:none;
  width:20px;
  height:20px;
  border:1px solid rgb(171, 171, 69);
  border-radius:5px;
  margin:5px;
  vertical-align:middle;
  transition:all 0.3s;
  cursor:pointer;
  background-color: white;
}

input[type="checkbox"]:checked {
  background-color: gold;
  border-color: rgb(226, 226, 57);
}



p{
  font-weight:normal;
  font-size:1rem;
}

input[type="checkbox"]:checked::after{
  content:"✓";
  display:block;
  text-align:center;
  line-height:20px;
  color:white;
  font-weight:bold;
}

Інформація про ваш браузер:

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.5 Safari/605.1.15

Інформація про завдання:

Створення сторінки вибору функцій - Спроєктуйте сторінку вибору функції

Посилання на GitHub: i18n-curriculum/curriculum/challenges/ukrainian/blocks/lab-feature-selection/68ce56d54d3cad1149a1c4cf.md at main · freeCodeCamp/i18n-curriculum · GitHub

2

Hi @svetysik006,

Please remove this transition from your CSS selector. It causes a delay that borks the tests.

Happy coding