Skip to content

Instantly share code, notes, and snippets.

@cindywu
Created May 18, 2022 03:45
Show Gist options
  • Save cindywu/6bf8fa6db42a6744546ff2be74c444f9 to your computer and use it in GitHub Desktop.
Save cindywu/6bf8fa6db42a6744546ff2be74c444f9 to your computer and use it in GitHub Desktop.
weird line thingy
.container {
/* z-index: -1; */
position: absolute;
margin: 0 auto;
display: flex;
flex-direction: row;
background: hsl(0, 0%, 90%);
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
top: 20%;
width: 980px;
height: 1px;
background-color: orange;
}
.sidebar {
min-width: 150px;
margin-right: 15px;
background-color: tomato;
max-height: 1px;
}
.main {
background-color: pink;
max-height: 1px;
min-width: 550px;
margin-right: 15px;
}
.gutter {
/* margin-left: 730px; */
min-width: 250px;
background-color: lightblue;
}
@cindywu
Copy link
Author

cindywu commented May 18, 2022

CleanShot 2022-05-17 at 17 45 07

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