An experiment in cleaning up CSS by just avoiding dis-features and focusing on flexbox and CSS grids.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
fsckcss/public/code/Instagram.css

70 lines
860 B

a {
color: var(--color);
}
content {
border: 1px solid #ddd;
display: flex;
flex-direction: column;
flex: flex-grow;
flex-basis: 100%;
grid-column: 1/3;
padding: 1rem;
}
header {
display: flex;
width: 100%;
flex-direction: row;
}
nav {
flex: 1;
}
button {
padding: 0.5rem;
}
profile {
display: flex;
flow-direction: row;
}
profile figure {
padding-right: 3rem;
padding-left: 3rem;
}
profile info {
display: flex;
flex-direction: column;
width: 100%;
}
profile info p {
padding: 0.5rem;
}
tabs nav {
justify-content: center;
border-top: 1px black solid;
border-color: var(--color-inactive);
}
posts {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
posts figure {
}
pins {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-top: 1rem;
margin-bottom: 1rem;
}