Skip to content

Instantly share code, notes, and snippets.

@Chuloo
Created March 29, 2022 23:29
Show Gist options
  • Save Chuloo/c6d23d0b7503228b553df180067c2e43 to your computer and use it in GitHub Desktop.
Save Chuloo/c6d23d0b7503228b553df180067c2e43 to your computer and use it in GitHub Desktop.
Home blog page
<template>
<div class="container">
<Blog />
</div>
</template>
<script>
import Blog from '@/components/Blog.vue';
export default {
name: 'App',
components: {
Blog,
};
</script>
<style>
.container {
margin-inline: auto;
max-width: 75rem;
width: 85%;
}
#app {
font-family: Inter, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
min-height: 100vh;
}
/* Reset CSS */
*,
*::before,
*::after {
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
picture {
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
font-weight: 400;
}
img,
picutre {
max-width: 100%;
display: block;
}
input,
button,
textarea,
select {
font: inherit;
}
button {
cursor: pointer;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment