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.
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
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.