Where can I find layout practice with a task and a “correct answer”?

Question

css

Read about HTML5, read the Big Book of CSS, watched Sorax's video course on CSS, took some courses on hlmlacademy. In general, I am already familiar with the theory. But practice is not good. I don’t have a mentor, I’m afraid to take some freelance projects and figure it out on the go. For me, the ideal learning practice looks like this:
1. I take a task (a picture or already cut elements)
2. I type it (as it turns out, if only it is as similar as possible)
3. I compare it with the "correct answer", i.e. the option that I typed like a pro (with clean, beautiful code and, ideally, with justifications for their decisions).
Is there anything similar on the Internet for free? There are tasks on the layout of individual elements on the htmlbook, but there are no correct answers. htmlacademy also has tasks for grid layout, but also without the "correct option". There I type everything pixel by pixel, I pass the test. But I'm not sure about my code, I'm afraid that just such a grid will fall apart.
The "correct answer" is of course a convention, everyone has their own style, techniques. But tasks can be solved in different ways, and one of them will still be more effective than others. I think you understand what I mean.
I don’t like the option like “screen any site, then type it up and compare it with the page code”, because real pages on the Internet are hung with ads, some special elements for JS, and in general a lot of everything specific that is needed only on these specific pages . Moreover, some pages are made on Bootstrap and so on.
I don't want to use Bootstrap myself. It's better to write everything by hand. I don't want to dive into BEM either.
The option like "make it up every day on the layout (from freelancing) and your code will improve" is also not clear to me. If you write shitty code every day, it's unlikely to stop being shitty.
Suggest something. Thank you in advance)

Answer 1

There are also sites with free ready-made templates. download, clone, check - whatever you want. here is an example of such a template. here is an example site

Answer 2

I don’t have a mentor, I’m afraid to take some freelance projects and figure it out on the go.

That's what a mentor is for.
Freelance sites have this practice: you take a mentor from the top list.
He gives you simple tasks for a small fee.
Checks and says what is wrong and what is normal.
To you practice, to him the order and process from the order.
Search freelancing sites.

Answer 3

It's not about shitty code, it's about experience.
Here you are talking about the fact that you already know css firsthand - but can you sing a three-column adaptive template - under 480 640 960 px?

Answer 4

I didn’t understand, why didn’t the practice at hlmlacademy with pixel hunting work?
and what does not suit a screenshot of a site with disabled ads and a plug-in in the browser?
It seems to me that the author has greatly complicated something.

Answer 5

In vain you are so equally opposed to Bootstrap and BEM. Forget about Bootstrap) you need to know it, but you don’t need to use it at all. But BEM will help you a lot as a beginner.