great

Doe anyone even see a difference in font weights from 400 to 500? I don't. Now 400 to 700 ya.

At 30:00, i.e. after

@include mobile {

flex-direction: column;

}

I'm unable to save the SCSS file. It says:

Error: Declarations may only be used within style rules.

╷

54 │ flex-direction: column;

│ ^^^^^^^^^^^^^^^^^^^^^^

My img is not loading, please I need help asap 😀 .home{
height : 100%;
padding-top: 40vh;
overflow: hidden;
align-items: center;
text-align: center;
background: url('./img/model-1.jpg');
background-size: cover;

}
(49:09)

Hi,

I have watched a few of your videos and decided I had to create a YouTube account to comment on this vid.

First of all, I use Visual Studio 2022 and not VS Code. Secondly, I use Web Compiler 2022 but if doesn't add the -moz, etc prefixes. Thirdly, the browser link is built-in and fourth, who would be allowed to use emmet in a professional environment?

SCSS in VS and VS Code are different. In VS Code, you can use @use but in Visual Studio, you cannot. This is down to the developers of Visual Studio not implementing it when it's been asked for many times over the years by the Community. Also, on your map-get($weights, bold), you have to put the key in double quotes in VS. Whether that is another Microsoft issue, I have no idea. Anyway, you should be checking if the value exists in the map & display and error: @error "bla bla bla". Another keyword VS doesn't recognise but Dart SCSS does.

It is also recommended (in VS you can override this) to use lowercase css names for variables, colours etc. So, your variable name [lowercase][Uppercase] is fine for code behind but not variables.
The next item is your theme where you use lighten/darken. The recommendation is keep to a percentage of 20 or below. Sure, it takes the value of 1-100.

Although, I am only 48 mins in, I have seen this project before in another of your videos. I know you just began but where is your SCSS structure, and have you used _config for your _variables? Don't forget the @use "config"; rather than @import "config"; Kevin Powell also agrees it seems (not watched it): https://youtu.be/CR-a8upNjJ0.

Nesting, I was always taught '& p {…}' and is recommended not to exceed 4 levels deep.

In brief, always great videos of yours. It seems the free VS Code is better with SCSS than the extortional VS, but I like the MSDN, so will keep buying it.

Back to this video and no more comments on it.