If I enter non-numbers in the number input, I will see an HTML5 validation error

HTML-CSS
1

Hello, am stuck on step 8 for the last few days. Googled so much but nothing helped. Could you guys look at whats causing the code to not fulfil step 8? Thanks

step 8-If I enter non-numbers in the number input, I will see an HTML5 validation error.

codepen link: https://codepen.io/aksam/pen/ZELrwzZ

2

image

Take a look at your id="number" element, and then at the error message the tests provide:

image
image822×113 9.92 KB

3

Thank you so much , you don’t know how long I’ve been roaming the net for this simple fix!

4

Also,

help
help1912×815 83.8 KB
another question if I may ask , why is my page extending so much to the right? I can’t seem to find the cause.

5

It’s because of this CSS:

.text-box {
  transform: scale(1.2); <-- This is making it bigger
  position: relative;
  left: 10px; <-- This is shifting it right
  flex-basis: auto;
  flex-grow: 20em;
}
6

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