Responsive website using CSS and HTML

Great work on this challenge Maria and congrats on submitting your first solution! 👍

Just a quick heads up that the links for your solution are currently in the wrong fields. The live site URL should be the link to the preview and the repo URL should be the link to your GitHub repo. You can edit this easily by clicking on the three dots by the title and selecting "Edit Solution" 🙂

Here are a few pointers after taking a look at your code:

• input elements should always be made accessible to screen reader users. This usual means pairing each input with a label element. But if there are no labels in the design you can also add the aria-label attribute to each input element. Screen readers will then read out this text when the input is focused.
• Nice work making it mobile responsive. One technique you might want to try in a future project is to use min-width media queries instead of max-width. This approach would mean you build out the mobile styles first and then add media queries to account for larger screen sizes. Many people find it to be a more efficient workflow, so would be worth seeing how you get on with it.
• You're using position: absolute; quite a lot, which I'd warn against. This is because it means you're effectively sticking elements to the screen and can become unmanageable when you start to build more complex websites. Instead, I'd recommend learning Flexbox and Grid, which will help you when laying out your elements. Here are a couple of great (and free) tutorials for you to learn more:
  • What the Flexbox?
  • CSS Grid

I hope these pointers are helpful! Let me know if you have any questions at all.