Как тиражировать в @media

Question

У меня есть несколько CSS, которые работают на мобильных устройствах, но я не уверен, как заставить их работать на настольных компьютерах. Как и в мобильном представлении, Post an Event и Find an Event должны быть перечислены в той же строке ниже Events.

Этот CSS делает макет работы в мобильном:

.event {
float :right;
} 

.findanevent 
 br {
 display: none;
 }

<div class="lasvegas">Events</div>
<div class="findanevent"></div>
<div class="event_wrapper"><a href="https://adsler.co.uk/find-an-event">
<span id="findanevent" class="event">Find an Event</span>.</a>
<a href="https://adsler.co.uk/post-an-event/"><span id="postanevent" class="event">Post an Event</span></a></div>

Страница: https://adsler.co.uk/events/

Answer 1

Это то, что вы имеете в виду?Пожалуйста, попробуйте сделать ваш вопрос более четким и подробным, чтобы вам лучше помогли.

.event {
float :right;
} 

.findanevent 
 display: none;
 }

<div class="lasvegas">Events</div>
<div class="findanevent"></div>
<div class="event_wrapper"><a href="https://adsler.co.uk/find-an-event">
<span id="findanevent" class="event">Find an Event</span></a>
<br>
<a href="https://adsler.co.uk/post-an-event/"><span id="postanevent" class="event">Post an Event</span></a></div>