devicons | Three Color Dev Stack Icon Font | Frontend Framework library

If you are using neovim there is an option called :h pumblend which can be used to change the transparency of the popup menu.

Are you sure gruvbox caused your vim to lose transparency? I am not sure if vim is able to change a terminal emulator's transparency. I or someone else might be able to advise you better if you post pictures of what has changed.

In your coc-settings.json file, there is a way to add certain filetypes that will be formatted on save. Maybe that will help.

how about this

Set diagnostic.refreshOnInsertMode to true in your coc-settings.json.

The mappings that include h as a prefix will cause this interference. Vim will wait for a timeout or additional keypress before executing your h mapping, since it wants to check whether you meant to press one of the longer mappings...

The easiest way to fix this is set alternate mappings for the vim-gitgutter commands. If you set up different mappings for those in your vimrc, vim-gitgutter itself will not create its mappings which are causing the interference.

The vim-gitgutter README suggests using g as an alternative prefix for these:

To set your own mappings for these, for example if you prefer g-based maps:

The reason the static assets are not loading for you is Django is unable to find them in the static folder. Django looks for templates and static folder in the project and collects all of the assets while rendering them.

You can read more about it here.

You are correct in organizing your project structure for templates.

• It should be project/app/templates/app/--files--

--files-- is where your index.html and other *.html files are kept.

But templates are used to keep only the HTML files which are rendered by the views. This folder is not used to store the static assets(namely CSS, JS, other framework files, etc).

Just like the templates folder, you need to have a similar structure for static assets.

• It should be project/app/static/app/--files--

--files-- here include all the CSS, JS, and other dependent static assets. This is the place where you keep the img, js, css, vendor, scss, etc. folders including any *.css or *.js files.

Below is how your static folder should look like.

As far as I can tell, your margins and box-model are likely the problem + you are using the & improperly.

You may also want to look into the default page margin and setting the box-model to border-box site wide.

https://www.paulirish.com/2012/box-sizing-border-box-ftw/

For questions like these, make a CodePen or jsFiddle etc, with only the bare bones of what is needed to recreate the situation you are having trouble with. http://codepen.io/sheriffderek/pen/e76eb24c23c789accffe6a18fcfdd8c0 - even my example has more style than needed...

One more suggestion - if you are new to flex-box, it really helped me to write out the individual properties like flex-grow flex-shrink flex-basis instead of the short-hand + always explicitly set the flex-direction or any other defaults.