How to add @media rules for mobiles and for desktops????plz help me.

Question

i want to position my elements differently on mobile and on screen plz help....

Answer 1

/* desktop CSS outside

@media and screen (max-width: 767px) {
/* mobile CSS in here...
}

Answer 2

not working