HP is being created, but CSS and SCSS are not reflected.

symptoms
Viewed the HP being created as a preview on the VS Code Live Server.
CSS and SCSS are not reflected.

Expectations
I want to set logo.svg to width:120px;, height:40px;.

Reproduction Steps

Run the following code in Google Chrome.

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <metacharset="UTF-8">
    <title>Portfolio Site 1</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
    <header class="header">
        <a href="index.html" class="header__profile-button"><img src="image/logo.svg" alt="profile">/a>
        <nav class="header__breadcrumb-trail">
                <a href="class="header__breadcrumb-trail">About</a>
                <a href="class="header__breadcrumb-trail">Bicycle</a>
        </nav>
    </header>

<!-- Abbreviated-->

</body>
</html>

header.scss

.header{
    .header__profile_button{
            width: 120px;
            height —40px;
    }
}

header.css (compiled header.scss)

.header.header__profile_button{
  width: 120px;
  height —40px;
}

Failed to copy site at URL below

https://code-step.com/demo/html/profile/

css html5 scss

2022-09-30 19:34

1 Answers

I'll check the basics, but
Were you able to compile header.scss and create header.css?

header.scss

.header{
    .header__profile_button{
            width: 120px;
            height —40px;
    }
}

header.css

compiled from header.scss

.header.header__profile_button{
  width: 120px;
  height —40px;
}
/*# sourceMappingURL=header.css.map*/

2022-09-30 19:34

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656