wenever / wenever.github.io Goto Github PK

If you're going to stretch over multiple lines, it's stylistically common to see those properties broken up into their respective actual properties over just having more lines.

background:
       linear-gradient(
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.2)
    ),
     url("https://0.s3.envato.com/files/27762085/03_Denim%20texture%20background%20preview%202.jpg");

into this:

background-color:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
background-image: url("https://0.s3.envato.com/files/27762085/03_Denim%20texture%20background%20preview%202.jpg")

Also, spacing is weird, might be making it hard to debug.

Also, group similar structures together, such as placing the rules needed to make the CSS nametag together, and the navbar rules together, and the rules for images together.

Tabs on index.html are kinda crazy and all over the place, make sure they are consistent to ensure readable code.

Use standard spacing for properties in HTML tags, and prefer camelCase.
Instead of this:

<div id = "mydiv"></div>

Do this:

<div id="myDiv"></div>