Skip to content

Instantly share code, notes, and snippets.

@AlbinSoft
Last active July 18, 2023 09:39
Show Gist options
  • Save AlbinSoft/1ff338fffe9e819bdd922574c4aa4c3d to your computer and use it in GitHub Desktop.
Save AlbinSoft/1ff338fffe9e819bdd922574c4aa4c3d to your computer and use it in GitHub Desktop.
Initial CSS
/*
Initial CSS
*/
:root {
--font-titles: 'XXXXXX';
--font-text: 'XXXXXX';
--color1: #XXXXXX;
--sprites: url('images/sprites.svg');
}
body {
margin: 0px;
font-family: var(--font-text);
font-size: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
a {
color: inherit;
}
.center {
width : calc(100% - 40px);
max-width: 1200px;
margin : 0px auto;
}
@AlbinSoft
Copy link
Author

I am very proud of ".center" trick because it works for all screen sizes without media queries.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment