I hope this is helpful
- Change sections to divs in this. You can add a section for the whole wrapper component inside main if you want, but the two halves should not be sections. A section would need a heading, not just an image.
- You should be including a modern css reset at the start of the styles in every project. Andy Bell has a good one you can look up and use. Get into that habit ASAP.
- The problem you are seeing with the image caused by missing object fit cover on the img element. You may need height and width 100% on desktop too.
- Try to avoid using complex css selectors like direct child selectors unless you have no choice. You want to keep css specificity as low as possible.
Marked as helpful
@dkaffes
Posted
Thank you @grace-snow for your really helpful tips!
- Pretty useful!
- The (more) modern CSS reset by Andy Bell is very detailed and possibly not all parts are needed for the challenge? I will look into it in more detail.
- That solves the problem!
- Really useful tip. I will study more on the specificity subject!
Thank you for your time and effort!
@dkaffes don't mess around with resets, it's not worth it. Just include it all. It's actually WAY shorter than resets used to be!