Design a Parent Teacher Conference Form - Step 35

HTML-CSS
1

Tell us what’s happening:

I have an issue on Step 35. I’m getting a warning “Set border to none”. I tried changing browsers, restarting step and refreshing, disabled extensions and darkmode, kept zoom to 100%, tried incognito mode. Please help me.

.submit-btn {
cursor: pointer;
background-color: royalblue;
color: whitesmoke;
border: none;
border-radius: 6px;
padding: 12px 20px;
}

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

.submit-btn {
  cursor: pointer;
  background-color: royalblue;
  color: whitesmoke;
  border: none;
  border-radius: 6px;
  padding: 12px 20px;
}

/* User Editable Region */

Your browser information:

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

Challenge Information:

Design a Parent Teacher Conference Form - Step 35

2

Welcome to the forum @mahitha!

There is an open GitHub issue for this step.

Please try removing the line with transition in the .contact-method-radio-btn::before selector.

Does that pass the tests for you?

Happy coding!

3

I tried removing that line, I’m still getting the error
This is my code

body {

background-color: MidnightBlue;

color: whitesmoke;

}

.container {

background-color: #ffffff1a;

width: 80%;

max-width: 600px;

border-radius: 10px;

margin: 20px auto;

padding: 10px 20px;

box-shadow: 0 5px 15px black;

}

.center {

text-align: center;

}

.description {

font-size: 1.2rem;

}

fieldset {

border: 1px solid gray;

border-radius: 5px;

margin: 20px 0;

padding: 20px;

}

fieldset legend {

font-size: 1.3rem;

font-weight: 600;

}

label {

font-size: 1.2rem;

}

label:not(.contact-method) {

display: block;

margin: 10px 0;

}

input:not(.contact-method-radio-btn),

textarea {

background-color: #ffffff1a;

width: 95%;

border: 1px solid gray;

border-radius: 5px;

padding: 10px;

}

input,

input::placeholder,

textarea {

color: whitesmoke;

}

.contact-method-radio-btn {

appearance: none;

width: 20px;

height: 20px;

border-radius: 50%;

border: 2px solid gray;

vertical-align: bottom;

}

.contact-method-radio-btn::before {

display: block;

content: " ";

width: 10px;

height: 10px;

border-radius: 50%;

transform: translate(3px, 3px) scale(0);

}

.contact-method-radio-btn:checked::before {

transform: translate(3px, 3px) scale(1);

background-color: lightgreen;

}

.submit-btn {

cursor: pointer;

background-color: royalblue;

color: whitesmoke;

border: none;

border-radius: 6px;

padding: 12px 20px;

}

4

Removing the transition line did not work for me.

5

Welcome to the forum @PFox!

Thank you for letting us know. I was hoping that might work to get past this step, but apparently not. At any rate, there is an open GitHub issue for this:

Just move on to the next step until they get this fixed.

Happy coding!

6

I submitted the step using FireFox and it worked! This also worked for another bugged page in a different exercise (step 44 of Design a Registration Form)