MounTaiNeer03 Posts - Answer Overflow

MounTaiNeer03

•Created by MounTaiNeer03 on 2/10/2024 in #front-end

Can't get live SASS to work

I am following his video here...https://www.youtube.com/watch?v=Yan2eurSNGg&ab_channel=KevinPowell and here is my settings .json

{
  "tabnine.experimentalAutoImports": true,
  "workbench.colorTheme": "Monokai Pro",
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  "editor.inlineSuggest.suppressSuggestions": true,
  "files.autoSave": "onFocusChange",
  "editor.wordWrap": "on",
  "window.zoomLevel": 1,
  "explorer.confirmDelete": false,
  "liveServer.settings.donotShowInfoMsg": true,
  "liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "/css",
      
    }
  ]
}

However when I change and save my main.scss color like in the video it doesn't create a css folder and css file. It doesn't create a css file at all actually. thanks

2 replies

KPCKevin Powell - Community

•Created by MounTaiNeer03 on 2/4/2024 in #front-end

Small white space at bottom of bootstrap site

I have tried over and over debugging with chrome tools. When I hover over the "P" element in my footer it shows that it is pushing down and creating the space. However I have no Margin bottom (mb- is the bootstrap for margin bottom) in my footer at all. Here is the element that chrome tools says is the problem. <p class="text-white pb-5 fs-3">Copyright © Frontend Bootcamp</p> Link to marge documentation in bootstrap https://getbootstrap.com/docs/5.3/utilities/spacing/#margin-and-padding and here is the netlify link to it so you can use chrome tools. https://melodious-sundae-96dca8.netlify.app/ thanks

4 replies

Gaming

Programming