Responsive HTML-CSS Design

@visualdenniss thank you for your review. I actually don't like fixed-heights and widths and trying to avoid them, but I missed this one. Thank you for pointing that out. I have removed the fixed-height, and thank you for the link.

@ecemgo thank you for your review. It is very helpful, and I applied the changes on my local computer. As you can tell I am kinda new to web development. After changing <div id="card"> to <main id="card">, I had the issue that my CSS style for <main> and <... id = "card"> broke the model of the website. I come up with a solution replacing codes from #card { ... } to main { ... } and main { ... } to body { ... }. However, I am not sure that will be the best practice. If you can tell me or provide me with any website for those kinds of practices, I would appreciate it. Thank you for all the help, and sources you have provided.

@BatuhanGQskt

I've updated your code and uploaded to WeTransfer, you can reach your updated code from here and download your code

I only added <footer> tag in your html and removed main class from your CSS file. Finally, updated your body class in your CSS file as well.

In this way, you can examine your code more easily.

However, I've forgotten to change your <h2> tag in your html file, so you can change it like this: <h1>Improve your front-end skills by building projects</h1>

@ecemgo thank you for spending your time. I have changed the code with a slightly different approach but looked at your solution as well. Thank you so much hope you have a great coding.

@BatuhanGQskt I'm happy to help! 🎉