@thekarthikr
Posted
Hey there, Hope you're doing well. Having a responsive website essential, Most of them access websites through their mobile, and I can see you using media queries on your website but it gets overflowing when I resize browser window.
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
I hope it helps. Happy coding.
Marked as helpful
@boypaida12
Posted
@thekarthikr thanks for drawing my attention to this. I set the max-width to 375px for medium screen mobile phones and below. I just checked on a Samsung s8 which has a width of 360px, meaning it fits within the max-width specification. What do you think is causing the overflow
@thekarthikr
Posted
@boypaida12 You can write media queries for Tablet / Medium size devices.
@boypaida12
Posted
@thekarthikr updated my code to suit tablets and medium screen phones. Thank you so much for your help bro. However, I can't seem to fix the accessibility issue on html lang ='en'. Any help?
@thekarthikr
Posted
@boypaida12 In that case, the accessibility issue happens because of not considering about heading hierarchy. h1,h2,h3, it's not for different sizes, it's about how important it is. Use the h1 tag for the main content of a web page with a heading (h1).
Change it from <h2> to <h1>
<h1>A history of everything you copy </h1>
Have a great time.
Marked as helpful