I used SCSS conversion, but I still reported an error

[AugusMeow]

Conversion error: Jekyll::Converters::Sass encountered an error while converting 'assets/css/index.sass': Error: Invalid CSS after "...x-width: 736px)": expected "{", was ";" on line 73:36 of index.sass >> @media screen and (max-width: 736px); -----------------------------------^

@media screen and (max-width: 736px)
.image.main
  margin: 0 0 2em 0

[なつき]

I think you meant to have the declarations inside the @media query block like below (indentations on line 2-3):

@media screen and (max-width: 736px)
  .image.main
    margin: 0 0 2em 0

If your intention is really to have an empty @media query block that has no declaration inside (which will be optimized away anyways...), you will have need to use a dart-sass based implementation to properly parse that syntax.

[AugusMeow]

my Gemfile.lock is wrong