forked from retoor/snek
feat: add flexbox layout to footer with space-between alignment and padding
Add display:flex with justify-content:space-between and align-items:center to the footer element, along with 10px vertical and 20px horizontal padding, to create a responsive two-column footer layout for the chat application's base stylesheet.
This commit is contained in:
@@ -99,6 +99,13 @@ a {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.message-list {
|
.message-list {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
|
|||||||
Reference in New Issue
Block a user