Build a Confidential Email Page

HTML-CSS
1

Tell us what’s happening:

My CSS

#email {
box-sizing: border-box;
width: 500px;
padding: 20px;
margin: 20px;
border: 2px solid black;
}

I still get these errors:

  1. You should have an #email selector that sets its elements’ padding on all sides to 50px.
  2. You should have an #email selector that sets its elements’ margin-top to 50px.
  3. You should have an #email selector that sets its elements’ width to 500px.
  4. Your #email element should have a 2px border.
  5. Your #email element should have a box-sizing of border-box.

Your code so far

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Confidential Email</title>

</head>

<body>
  <main id= "email"></main>

</body>

</html>

/* file: styles.css */
#email{
  padding: 50px;
  margin-top: 50px;
  width: 500px;
  border: 2px;
  box-sizing: border-box;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Confidential Email Page - Build a Confidential Email Page

2

Sorry, I had added a link to styles.css, but it got removed in one of the previous steps.

Please ignore this post.