@jomefavourite
Posted
I noticed you use %
a lot. It has it use cases but it can really be a problem when it comes to responsiveness.
Probably, the main section could be replaced with
main {
margin: auto auto 30px auto;
padding: 0 10% 0 10%;
}
// try
.container {
width: 80%
max-width: 1200px;
margin: auto;
}
That'll be a responsive approach.
You could see how I did it here . But it isn't perfect too.
@Nanosync
Posted
@jomefavourite Thank you for the suggestion! I'll modify my solution accordingly.
@jomefavourite
Posted
You're welcome, I'll advice you use rem
or em
instead of %
too @Nanosync