Possible error in medium-screen mixin

[p-i-]

modern_portfolio/scss/_config.scss

Line 49 in 35ee878

@media screen and (max-width: 768px) {

You have:

@mixin mediaMd {
  @media screen and (max-width: 768px) {

Which creates a branching overlap (a 500px width device reports as Sm and Md)

Did you want:

@mixin mediaMd {
  @media screen and (min-width: 501px) and (max-width: 768px) {

?

IIUC this would also entail changing:

modern_portfolio/scss/_mobile.scss

Line 16 in 35ee878

@include mediaMd {

so that Sm and Md screens trigger that code-block.