diff --git a/src/Components/footer_section/Mail/Mail.css b/src/Components/footer_section/Mail/Mail.css index 60197f45..957b0b79 100644 --- a/src/Components/footer_section/Mail/Mail.css +++ b/src/Components/footer_section/Mail/Mail.css @@ -1,4 +1,4 @@ -.inputmail{ +.inputmail { width: 300px; height: 40px; border: 1px solid #ccc; @@ -6,13 +6,15 @@ padding: 0 10px; margin-right: 10px; } -.subscribe-mail{ + +.subscribe-mail { display: flex; align-items: center; justify-content: center; gap: 100px; } -btn1{ + +btn1 { background: #574d91; color: #000000; padding: 10px 20px; @@ -21,14 +23,39 @@ btn1{ cursor: pointer; transition: all ease 0.3s; } -btn1:hover{ + +btn1:hover { background: #252041; } -.mail{ + +.mail { display: flex; flex-direction: row; - width: min-content; + width: 500px; } -p{ + +p { font-weight: 900; +} + +@media only screen and (max-width:915px) { + .subscribe-mail { + flex-direction: column; + gap: 2px; + } +} + +@media only screen and (max-width:490px) { + .mail { + flex-direction: column; + width: 85vw; + } + + .inputmail { + width: 90%; + } + + .btn1 { + width: 90%; + } } \ No newline at end of file