Skip to content
OverviewSolutions
1
Comments
2
Evan Kotler
@etblink

All comments

  • Evan Kotler•25
    @etblinkPosted about 3 years ago

    Two very quick and easy fixes. First off, for your images simply add a period (.) in front of the relative URL path in your img element of the HTML file. That way the browser knows where to look for your image. For example <img src="./images/picturename.jpg">

    To answer your question and make your form more responsive simply go into your main class selector in your css file and add a width property and make it into a fixed unit of measure and change the max-width into a relative unit of measure. For example

    .main { width: **px; max-width: **vw; }

    0
  • Evan Kotler•25
    @etblinkPosted about 3 years ago

    Generally speaking, you've nearly recreated the example image spot on. However, the form doesn't scale up from mobile to a larger viewport (responsiveness). Also, it seems as though your background image doesn't span the whole width of the viewport. I hope that was constructive and not nit-picky. Otherwise, great job!

    Marked as helpful
    0