I am making gallery site and I am using Sorting and Category functions to make it look and work better. Also I have Admin Dashboard. I am trying to make, that Category, Sorting and Admin Dashboard will be in 1 row between Header and Main content, but I don't know how to do it, it is still on multiple rows. Also I need to show Category, Sorting and Admin under each other on mobile devices.

```
<div class="con">
    <a href="admin/" class="admin">ADMIN</a>
    <form action="" method="get">
        <label for="category">Category:</label>
        <select id="category" name="category" onchange="this.form.submit()">
            <option value="all"<?=$sort_by=='all'?' selected':''?>>All</option>
            <?php foreach ($categories as $c): ?>
            <option value="<?=$c['id']?>"<?=$category==$c['id']?' selected':''?>><?=$c['title']?></option>
            <?php endforeach; ?>
        </select>
        <label for="sort_by">Sort By:</label>
        <select id="sort_by" name="sort_by" onchange="this.form.submit()">
            <option value="newest"<?=$sort_by=='newest'?' selected':''?>>Newest</option>
            <option value="oldest"<?=$sort_by=='oldest'?' selected':''?>>Oldest</option>
            <option value="a_to_z"<?=$sort_by=='a_to_z'?' selected':''?>>A-Z</option>
            <option value="z_to_a"<?=$sort_by=='z_to_a'?' selected':''?>>Z-A</option>
        </select>
    </form>
</div>

```

[![](https://i.stack.imgur.com/LvvGc.png)](https://i.stack.imgur.com/LvvGc.png)