I can't get my page responsiveness to work no matter what I do. I posted my code here if anyone can help.
https://codepen.io/Sampsa96/pen/JjGVwKw
For further actions, you may consider blocking this person and/or reporting abuse
Read next
CSS box model work
Anil -
CSS Art Challenge - MOMO
anjit pariyar -
Implementing Dark Mode in Web Design: Enhancing User Experience
Ndubuisi Jephthah -
Turn a chicken wrap into css art!!
Kaustav Banerjee -
Top comments (17)
Problem is with your css. Check 1080 px and around...
What do you mean? Check 1080 px how?
Check your css. Best way is to open it in Google Chrome developer mode
Well I only see one error: "Failed to load resource: the server responded with a status of 404 (Not Found)"
This means certain external links not accessable to browser. Use Ctrl+u to see your html code available to browser
Yea I know, but how do I fix the problem?
Okay when I will get time I will review your code in deep. Meanwhile, try responsively.app/
Thanks, I will give this a try :)
Ohh I thought that app makes my page responsive, but yea it does not look good on tablets and smartphones.
Following are problems:
(1) You have fixed the size in css.
(2) The best easy way to achieve similar template is using bootstrap. Actually, libraries like bootstrap gives lot of freedom and no worry about responsiveness.
Alright, but in our assignment, we are told to make the page responsive using CSS. So how can I do that?
Can u help me?
If this is your school assignment then I will suggest you to copy codes from w3schools.com
Yea I tried that. w3schools.com/css/css_rwd_mediaque...
But it didn't work.
I don't know what is your assignment. However, I will suggest you to try below code as fresh and change it accordingly. It's pure css 👌
w3schools.com/css/tryit.asp?filena...
So the mobile site needs to look like this when I shrink the page nothing happens.
dev-to-uploads.s3.amazonaws.com/i/...
And when I shrink it more the 2nd container with the text and image should go under the 1st container.