@krushnasinnarkar
Posted
Hi @RamadaniRei,
Congratulations on successfully completing the challenge!
Your solution looks nice, though there are a couple of things you can improve, which I hope will be helpful:
-
GitHub Pages Hosting: There is an issue with hosting your website on GitHub Pages because your HTML file is named
artical.html
. It should be namedindex.html
so that GitHub Pages can recognize it properly. -
Image Paths: I downloaded your code and ran it on my PC. I noticed that you are using incorrect image paths. They should be relative to the location of your HTML file. For example, use
./images/your-img.jpg
orimages/your-img.jpg
instead of/images/your-img.jpg
. -
Component Stretching: Your component gets stretched as the screen size increases. To address this, you should set a maximum width for
.previewContainer
to prevent it from stretching too much.
I hope you find these suggestions helpful.
Feel free to reach out if you have more questions or need further assistance.
Happy coding!