PROBLEM ::: .navbar >:nth-child(3){margin:auto; } hover is not working in the media quires. Is there any other solution for this code?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing: border-box;}
.navbar {
display: flex;
background-color: #333; }
.navbar > :nth-child(3){
margin-right: auto;