How to share my website in an iframe on sololearn so that it takes full width and also responsive just like original

Answer 1

This happens if the website does not allow you to access their website from iframes.
Try doing the same what I mentioned above

Answer 2

Bhavya Try hosting your website to Github. Better to take a look at this thread. Everything was explained clearly
https://www.sololearn.com/Discuss/2564663/?ref=app

Answer 3

<iframe width="100%" height="350" src="url"></iframe>

Answer 4

It may be because of "Due to security issue some Web site not supports in iframe.."
If yes, about that reason, this may help you to understand it..

Example : this working
<iframe height="350" width="100%" src="https://www.sololearn.com/"></iframe>
But not all works....
https://www.sololearn.com/Discuss/2471976/?ref=app

Answer 5

Okay let me try Jayakrishna🇮🇳

Answer 6

But i don't think height would be 350

Answer 7

Didn't work https://code.sololearn.com/WMDtMFZp6UMp/?ref=app

Answer 8

Ok thanks for the answer, I'll see if i can update my website to make it work with iframe, haven't really used iframes before lol except for YouTube videos

Answer 9

its done with the css .
take a look at my code

https://code.sololearn.com/WiK2aNxjZx4J/?ref=app

Answer 10

Simba It's already hosted on vercel, i just need an iframe https://covid-tracker-beta.vercel.app/

Answer 11

Oh yes it does use localStorage to retain dark/light theme, so maybe that's causing the problem, I'll see if i can add error handling for reading and writing localStorage

Answer 12

I'm getting error with javascript, so will worry about css after making the embed work Med Amine Fh