While in mobile view and clicking on the .dropdown menu, there appears to be a slight space between the .dropdown and the .dropdown-menu.
This issue is highlighted here:
https://i.sstatic.net/vJ2Sd.png
Question: Is it possible to eliminate that small space/gap?
Example in Codepen: code-view and full-view
CSS Styles:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
color: #fff;
background: #222;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: #000000;
}
.row {
margin-bottom: 20px;
}
.row:last-of-type {
margin-bottom: 0;
}
.bg {
background-color: #eeeeee;
padding: 40px 40px 40px 40px;
}
/* Additional CSS code continues... */