Graficznie nie powala jest ok.
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
Tym sposobem nie na wszystkich urządzeniach favicon będzie się osadzała. Między np: iOS. Poszukaj na internetcie jak to się prawidłowo robi.
<header class="header eye-container">
<h1 class="header__heading"><a href="" class="logo-link eye-focus_on">
<svg xmlns="http://www.w3.org/2000/svg" width="21.49716mm" height="14.82321mm" viewBox="0 0 76.171041 52.523184">
<title>Nilmerg Omino</title>
<g transform="translate(-116.178 -281.61)" stroke="#f2f2f2" stroke-linejoin="bevel">
<circle class="logo_circle" cx="139.40106" cy="308.41641" r="21.718279" fill="#04aa2a" stroke-width="2"/>
<path d="M130.94142 324.01607l.004-29.8007 17.85715 29.14151v-29.72147" fill="none" stroke-width="2.5"/>
<path d="M163.20965 327.93615l.029-21.18083 12.86613 10.7346 11.96614-10.78629.00001 21.2324" fill="none" stroke-width="2.500001"/>
</g>
</svg>
</a></h1>
To nie BEM.
Podziełiłbym tą strukturę jest duża i sporo powtarzalna.
CSS:
@media (max-width: 450px) {
.knowledge-legend_active{
top: 0;
left: 0;
width: 100%;
}
.nav{
&__list{
flex-direction: column;
}
&__list-item{
margin-right: 0;
}
}
}
@media (max-width: 400px) {
.article-skills{
.section-skills{
min-height: 150px;
width: 90%;
&_second{
margin-top: 20px;
}
}
}
}
@media (max-width: 380px) {
.article-projects{
.project{
&-figcaption{
flex-direction: row;
padding-left: 0px;
}
&__link{
margin: 5px 10px 10px 0;
min-width: 50px;
}
}
}
}
Nie jestem fanem AWD, myślę że dało by to ograć na 3 standardowych breakpointach. Tylko pewnie musiałbyś większość skierować na rysowanej przeglądarce.
Nie wykorzystujesz do końca możliwości preprocesorów. Wydzieliłbym komponenciki scss i wszystko ładował do style.css. Zmienne wyrzuciłbym do jakiegoś defaultowego pliku.
Błędy typowo optymalizacyjne.
Ale jedna rzecz mnie zastanawia.. chwalisz się Reactem a nigdzie Reacta nie ma. Ani wordpressa. Jeżeli już czymś się chwalisz to wypadałoby to potwierdzić, nawet na poziomie befginer.
Podobało mi się bardzo mocno... oczko jeżeli to ty robiłeś (nie użyłeś gotowca) to bije pokłony :).
Co do reszty, bardzo proste projekty ale są jak najbardziej na ok. Czekam co z Reacta wydłubiesz :).