Project business site

[joheri1]

No description provided.

[HIPPIEKICK]

Good job with this project Johanna, it's well structured and I appreciate reading your reflections in the README.

HTML

• Great job using the required attribute on the inputs. This ensures that users cannot submit the form without filling out these fields.
• Great use of semantic elements, such as main and footer (just make sure the footer is within the body element). Consider using a header instead of a div for a more semantic approach.

CSS

• Excellent use of max-width: 100%; and object-fit: cover; for images. This ensures that your images scale correctly and maintain their aspect ratio across different screen sizes.
• Make sure that the form elements (inputs, buttons) are styled to match the overall aesthetic of the page. Aligning the name inputs would be nice! Reach out on Stack Overflow if you want tips on how to achieve it 😊
• Your CSS seems well-prepared for responsive design, but make sure that all elements, especially the form, adjust properly on smaller screens. You may want to use media queries to fine-tune e.g. the font-size of the placeholders for smaller screens.

Clean Code

• Make sure to properly indent your code, each new element should have it's own line:

<label>
  <input type="radio" name="Agree" required>
  Agree
</label>

and even better, if each attribute gets its own line to improve readability:

<label>
  <input
    required
    type="radio"
    name="Agree"
  />
  Agree
</label>

You’re doing a fantastic job! Just a few small tweaks, like refining the radio button setup, will make your project even better.

Keep up the great work 🎉 ​

[HIPPIEKICK]

That's the behaviour of radio buttons, it's a group of buttons and you always have to pick exactly one, i.e.
Are you a:

• Lunch Learner
• Early Bird
• Evening Owl

We know that each user completing our form will be one - and one only - of these options. For checking/unchecking, it's better to use a checkbox. Checkboxes can be grouped as well, but for when the users can choose more than one option, i.e.
Are you interested in:

• Frontend development
• Backend development
• UX
• UI