In the last week of the past year, I've managed to finish my toughest layout so far. I'm talking about the furniture store landing page, which I mentioned in the previous post. The most tricky part of it was the products section because the sizes and proportions of images of products could be slightly different from each other, and it's not clear how to center them.

The problem was solved by creating a flex container in which <img> was placed and centered vertically and horizontally. And the size of the container is picked by the size of the biggest image possible. Here is the link to the whole page.

As for JS, I've walked through these topics:

• Browser environment, specs

• DOM tree

• Walking the DOM

• Searching: getElement*, querySelector*

• Node properties: type, tag and contents

I have one project left on freecodecamp, and I'm planning to finish it, but making HTML/CSS layouts is not my top priority now. From January 2023 I'm going to full JS and JS libraries.