The path of adaptability?

Question

css

Hello! Tell the newbie... Am I doing the adaptability right or can everything be redone? And when I finish it, can I put such work in my portfolio? Yes, and the layout itself is not fully done, I'm interested in adaptability ... Here is the site thekawder.github.io
Thank you!

Answer 1

Something is wrong here:
In such a simple layout, I did not expect to see kilometers of such a code. You must have done something here:

.header-top-contacts {
    width: calc(99.99% * 10/12 - (30px - 30px * 10/12)); }
  .header-top-contacts:nth-child(n) {
    float: left;
    margin-right: 30px;
    clear: none; }
  .header-top-contacts:last-child {
    margin-right: 0; }
  .header-top-contacts:nth-child(12n) {
    margin-right: 0; }
  .header-top-contacts:nth-child(12n + 1) {
    clear: left; }
  .header-top-socials {
    width: calc(99.99% * 2/12 - (30px - 30px * 2/12)); }

Well, the main mistake in terms of adaptability is not following the principles of Mobile first.

Answer 2

1. Resolution 992 - 1032 last menu item left in content.
2. Сalc (for adaptability of norms, for cross-browser compatibility, as far as I know, not very much).
3. Where is the menu for permission for mobile phones?
4. There is no minimum width. This is not required, but desirable.
The big picture: I like it, if you fix something (not taking into account calc), then there will be no problems.