What are the main layout mistakes?

Question

css

I've been learning HTML, CSS, JS for 3 months now, and 3 weeks ago I started creating different layouts, so to speak, for training and portfolio. I'm only doing HTML and CSS for now. This is already my third work, I know the layout is easy, but I think for now it will do for training. You can point out my main mistakes in layout and tell me how not to do it. If it's not hard to say what mistakes beginners usually make?
template-1.zz.mu

Answer 1

Here is an excellent useful article on the evaluation of layout, with its help you can independently see the jambs.
habrahabr.ru/company/htmlacademy/blog/254171
Class names are not very good, and some are bad:
CSS rules are written in one line, it is not very convenient to read. This is not a mistake, of course, but we need to think about supporting the resource in the future.
This technique is not considered good practice:
It would not be superfluous to indicate the current page in the menu, to understand where you are.
RECENT POSTS are not clickable.

Answer 2

try to make the same, but without floats :)
and so it seems that you are going the right way.

Answer 3

Don't forget about the padding of the inputs. Read more about layout testing, there are articles on this topic on Habré.
It is also useful to surf the Internet and see which sites are laid out. Soon you yourself will begin to notice other people's mistakes.

Answer 4

.bottom-nav ul {
    float: left; //убери, он лишний там
}

Answer 5

Don't get carried away turning lists into anything. This is a fairly common technique, but it simply stems from the fact that in some editors it is very easy to sketch out a list with markup. This is not a bug, just not a very clean technique.