Need a little help with media queries plz

HTML-CSS
1

Hi,
i am trying to make the box -B appear when the screen is resized to 600px.
But it is not working.can u help me?

here is the link to the code:
https://codepen.io/deadhunter/pen/abdYVMR

2

Hi saejim,
the margin-top: -82px moves it out of view:

image
image752×579 56.2 KB

1 Like
3

Hey,
Thanks Michael!
Can u suggest me how do i place the box-B right behind box-A otherwise?

4

You could just hide it by default:

.box-B {
  visibility: hidden;
  background-color: rgb(0, 247, 255);
  padding: 10px;
  margin:10px;
  border:5px solid black;
}
1 Like