Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
okay so not the prettiest thing in the world right now, wondering why my link for the background photo is not working in my CSS file. it’s a cool background from google photos and usually the link works fine not sure what I’m doing wrong with it
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Survey Form</title>
    <link rel="stylesheet" href="styles.css" />
</head>
<body>
   <style>
        body{
            background-image:url(
"https://www.bing.com/images/search?view=detailV2&ccid=wZuofuau&id=F67EBEF1A64A4D1713D19D997BD3845ECCC902F7&thid=OIP.wZuofuauyZJiaa98iMryTgHaEK&mediaurl=https%3a%2f%2fth.bing.com%2fth%2fid%2fR.c19ba87ee6aec9926269af7c88caf24e%3frik%3d9wLJzF6E03uZnQ%26riu%3dhttp%253a%252f%252fwallpapercave.com%252fwp%252fU6pkgpd.jpg%26ehk%3dSTK6vQJ4QknPaYEaxO7yoWmlJ3U1PcHxjDpeievKF8g%253d%26risl%3d%26pid%3dImgRaw%26r%3d0&exph=1080&expw=1920&q=Coding+background&simid=608006591817908987&FORM=IRPRST&ck=662CB12E0C63D4D5E6FEE9F5153FD57D&selectedIndex=0&idpp=overlayview&ajaxhist=0&ajaxserp=0;
        }
    </style>
  <header> 
    <h1 id="title">Survey Form</h1>
    <p id="description">Free Code Camp Survery</p>
  </header> 
     <main>
      <form id="survey-form">
        <feildset>
        <label for="name"id="name-label">Enter Name </label>
         <input id="name" type="text" required placeholder="name">
        <label for="email"id="email-label">Enter Email </label>
         <input id="email" type="email" required placeholder="email"> 
        <label for="number"id="number-label">Enter Age </label>
         <input id="number" type="number"min="1" max="99"required placeholder="1-99"> 
         <select id="dropdown">
           <option> love coding? </option>
           <option> hate coding? </option>
           </select>
          <input type="radio" value="1"name="radios"id="radios">
          <label for"radios">Stuggling</label>
          <input type="radio" value="2"name="radios"id="radios">
          <label for"radios">Not Stuggling</label>
       <div class="wrapper">
        <label>how is your mental health:</label>
         <input type="checkbox" value="0" id="mental health">
        <label for="mental health">good</label>
         <input type="checkbox" value="0" id="mental health2">
        <label for="mental health2">poor</label>
        </div>
      <input type="submit">  
     <textarea>Any other comments or thoughts here.
       
       
       
       </textarea>
       </feildset>    
       <input id="submit"type="submit">
       </form>
    </main> 
 </body>
</html>    

/* file: styles.css */
body{
  height: 100%;
  width: 100%;
   margin: 0;
  background-color: 1b1b3c;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 22px;
  color: white;
}
h1{
  color: white;
  text-align: center;
}
p{
  text-align: center;

}
feildset,input{
  display: block; 
  font-size: 16px;
  margin: 0.5rem;
  
  
}
input[type="submit"] {
  background-color: #37af65;
  font-family: Trebuchet MS;  
}
.wrapper{
  border: 1px solid black; 
  height: 200px; 
  width: 400px;
  margin:
  top:0;
  bottom:0;
  left:0;
  right: 0;
  background-color: b
}
label, label[id="name-label"] {
  height: 100%;
  width: 100% 
  margin: 0% 
  font-size: 40px;
  justify-content: space between;
}
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: var(--color-darkblue);
    background-image: linear-gradient( 115deg, rgba(58, 58, 158, 0.8), rgba(136, 136, 206, 0.7) ), url(https://www.bing.com/images/search?view=detailV2&ccid=wZuofuau&id=F67EBEF1A64A4D1713D19D997BD3845ECCC902F7&thid=OIP.wZuofuauyZJiaa98iMryTgHaEK&mediaurl=https%3a%2f%2fth.bing.com%2fth%2fid%2fR.c19ba87ee6aec9926269af7c88caf24e%3frik%3d9wLJzF6E03uZnQ%26riu%3dhttp%253a%252f%252fwallpapercave.com%252fwp%252fU6pkgpd.jpg%26ehk%3dSTK6vQJ4QknPaYEaxO7yoWmlJ3U1PcHxjDpeievKF8g%253d%26risl%3d%26pid%3dImgRaw%26r%3d0&exph=1080&expw=1920&q=Coding+background&simid=608006591817908987&FORM=IRPRST&ck=662CB12E0C63D4D5E6FEE9F5153FD57D&selectedIndex=0&idpp=overlayview&ajaxhist=0&ajaxserp=0);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Where is your closing parenthesis for the ‘url’ ?

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.