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

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

image

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

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

Also,

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

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;
}

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