Product preview card component solution

To help with your accessibility issues

1. The main is a semantic tag that describes a section of the page and it must be used once. So wrap the main tag around the project itself(the card).
2. Don't use sections when there is not going to be any immediate headings(h1.....h6) use divs for sections that don't.

Hope this was helpful👍 Happy coding

Hey there....you're doing pretty great it's just that next time approach your projects on mobile first and and use min-width media query to scale them to desktop. But first remember to look at the layout pretty well before you start with mobile first else you're going to be too hard on your self. Also always use a max-width on your containers, this will allow most of your contents to have enough breathing room. Hope this was helpful. Have a nice day and a Happy coding

Hi, now I am no expert, I just started learning myself, but to me it seems like everything is set to a fixed position not taking screen size into an account. My suggestion would be to use flexbox or grid to make it respond to how big the screen size is, as you can just position it to the center of the screen rather than giving it a fixed position. I myself love using boostrap grid to make mine responsive.

Here's a link to my solution if you want to check the code out! hopefully this would help you. Now I know my code is far from perfect, but it might give you an idea what I am on about. Good luck!