Check out how my desktop page looks: Desktop version
If you want to see how it should appear on mobile, click here: Mobile Version
This is the HTML/CSS code for the desktop version, and everything seems to be working fine.
.skills {
width: 80%;
background-color: #F25C05;
opacity: 0.8;
}
...
...
.CSS {
display: flex;
padding-bottom: 20px;
gap: 86px;
}<section class="aptitudini">
<div class="aptitudini__container">
<h2>Aptitudini</h2>
...
...
The HTML and JAVA classes share similarities with .CSS, including display:flex, paddings, and gap settings.
What changes do I need to make in the @media queries in order to ensure responsiveness?