introSectionWithDropdownNavigation

• The most difficult thing I found was making the design responsive.
• The areas of my code that I am unsure of are where I make the nav responsive.
• What are some best practices when making responsive design?

nav {
position: relative;
display: grid;
flex-grow: 1;
grid-template-columns: repeat(4, max-content) auto max-content;
gap: 10px;
padding: 0;
}
.btns {
flex-direction: row;
grid-column: 6 / -1;
grid-row: 1 / 2;
}
.btns a {
padding: 0.5rem 1.5rem;
margin: 0;
}
#company {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.dropdown {
grid-row: 2 / 3;
position: absolute;
background-color: var(--white);
padding: 0 5px;
}
.featuresDropdown {
left: -5px;
}
.companyDropdown {
left: 130px;
}
nav .link {
align-self: center;
margin: 0 10px;
}