To jest moje pierwsze pytanie tutaj, ale chciałbym tylko powiedzieć, że ta strona pomogła mi w niezliczonej liczbie razy w ciągu moich lat. Sądzę, że dotarłem do etapu, na którym muszę zadać własne pytania!

Przepraszam, jeśli pytanie nie jest jasne, postaram się rozwinąć: przypisałem przejście do niektórych z moich elementów, tak że gdy są one zawieszone, wznoszą się w górę (tj;.example:hover {margin-top: -25px} ).

Możesz zobaczyć, gdzie to zastosowałemto strona.

Najedź kursorem na elementy pod oknem „Coming Soon” („Pixel Perfect Designs”, „Pięknie czysty kod” i „Ponad 5 lat doświadczenia”).

Wszystko działa dobrze, jednak zauważysz, że gdy okno przeglądarki jest wystarczająco małe, elementy są układane pionowo (wierzę, że to jest@media (max-width: 767px) ), efekt zawisu nie wydaje się całkiem czysty. Chciałbym całkowicie usunąć ten efekt, gdy strona jest wyświetlana w ten sposób (dla urządzeń mobilnych).

Pytanie brzmi: jak zmienić właściwości klasy na podstawie szerokości przeglądarki? Chciałbym usunąć margines, gdy był zawieszony, gdy był wyświetlany na urządzeniu mobilnym (tj. <767px), ale trzymaj go tam, gdy jest wyświetlany normalnie.

Dzięki