Hey there. You’ve got a few color accessibility issues (i.e. the text does not have enough color contrast for the background it is on). You can test accessibility at
Responsiveness to width changes is pretty good, but when I increase the text size the ‘Convert!’ button text starts to disappear, as well as the text entered in the input.
Speaking of the input at the top, it needs a
<label>. If you really don’t want text associated with it on the screen then you could visually hide the label (google ‘css visually hidden’) or you could use the aria-label attribute on the input.
Don’t skip heading levels. You start with an
<h1> and go straight to
<h3>. Those should all be
<h2>s. And then the
<h6> would be an
I know you want everyone to know that you created this, but your face and name are overlapping content as I scroll down the page.