sheptikhinv/timers
1
0
Fork 0
mirror of https://github.com/sheptikhinv/timers.git synced 2026-02-07 07:41:36 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

vibe-coding adaptive design

Browse source
This commit is contained in:
Вячеслав 2025-06-14 23:00:30 +05:00
parent 54cb4607c5
commit 2625f143e7
3 changed files with 59 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/pages/Timers/Timers.module.css
View file

@ -13,8 +13,41 @@ body, html {
gap: 1.6rem;
}
.header .header_item:nth-child(2) {
margin-left: auto;
.mobile_row {
display: flex;
gap: 1.6rem;
}
@media (max-width: 768px) {
.header {
flex-direction: column;
align-items: center;
}
.header .header_item:first-child {
align-self: center;
margin: 0 auto;
}
.mobile_row {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 1rem;
}
.header .header_item:nth-child(2) {
margin-left: 0;
}
.timers_container {
justify-content: center;
}
.title {
font-size: 3.2rem;
}
}
.content {
@ -42,4 +75,4 @@ body, html {
justify-content: space-between;
flex-wrap: wrap;
gap: 1.6rem;
}
}