Skip to content

Commit

Permalink
fix: improve button styles for desktop view on small screens
Browse files Browse the repository at this point in the history
  • Loading branch information
Robot-Inventor committed Nov 28, 2024
1 parent e9f3a48 commit 35484df
Showing 1 changed file with 9 additions and 1 deletion.
10 changes: 9 additions & 1 deletion src/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -136,14 +136,22 @@ header img {
gap: 1rem;
}

@container (inline-size < 25rem) {
@container (inline-size < 30rem) {
#top_text_buttons {
flex-direction: column;
}

#top_text_buttons > * {
width: 100%;
}

#top_text_buttons > .rounded_button {
padding: 0.75rem 1.5rem;
}

#top_text_buttons > .rounded_button::before {
display: none;
}
}

.rounded_button {
Expand Down

0 comments on commit 35484df

Please sign in to comment.