@ZubairAbid101
Posted
Hello!!! 👋
Congratulations on completing the challenge! 🎉
There are some things that you can improve in the code,
- I viewed your GitHub. It seems like your creating multiple projects in the same repository. GitHub does not work quite like a folder management entity. Simply put each project needs to be in a separate repository. You cannot simply put other repositories as sub folders of another repository. You CAN, but try not to.
- The outer most
<div>
component is not necessary. You can simply remove it. The<main>
element should be the direct child of the<body>
element. - Try using JavaScript to dynamically change the
src
path for the<img>
element using event handles. Your mobile design looks good. - To make the image responsive create a
div
element for the image in question. Give it awidth
property and then set the<img>
element towidth: 100%
andheight: 100%
.
I hope you find this comment helpful! 🙂
Did you know that there's a mark as helpful and an up-vote option? 🤔
There's even a Follow button!!! 😁
Happy Coding!!! 💻
Marked as helpful
@lawalOyinlola
Posted
@ZubairAbid101
Thank you for the feedback , I'll work on my repository.
I was trying to use basically HTML and CSS as suggested by frontendmentor. Also I'll remove the outter <div>
, I was trying to avoid changing the flex direction.
Thanks again for the tip! Looking to try out the last point