Browse Source

feat : 파트너 반응형 수정

remotes/origin/main
이시연 4 weeks ago
parent
commit
c3644bbba8
  1. 4
      src/css/common.css
  2. 24
      src/pages/company/PartnersPage.jsx

4
src/css/common.css

@ -140,7 +140,9 @@ body{overflow-x:hidden;}
@media (max-width: 768px) { @media (max-width: 768px) {
.partners-wrap {margin-top:-2rem; padding: 0 0 4rem 0; } .partners-wrap {margin-top:-2rem; padding: 0 0 4rem 0; }
.partners-title-block { padding: 3rem 0 2rem; text-align: left; align-items: flex-start; } .partners-title-block { padding: 3rem 0 2rem; text-align: left; align-items: flex-start; }
.partners-section-row { grid-template-columns: 1fr; gap: 1.5rem; padding: 2.5rem 0; } .partners-section-row { grid-template-columns: 1fr; gap: 1.5rem; padding: 2.5rem 0;}
.partners-count { margin-top: 0; }
.partners-heading-row {display: flex; align-items: end; justify-content: center; gap: 10px;}
.partners-sidebar { position: static; flex-direction: column; align-items: flex-start; gap: 4px; } .partners-sidebar { position: static; flex-direction: column; align-items: flex-start; gap: 4px; }
.partners-heading { font-size:24px; } .partners-heading { font-size:24px; }
.partners-heading br { display: none; } .partners-heading br { display: none; }

24
src/pages/company/PartnersPage.jsx

@ -164,12 +164,12 @@ export default function PartnersPage() {
<div className="partners-section-row"> <div className="partners-section-row">
<div className="partners-sidebar"> <div className="partners-sidebar">
<p className="partners-eyebrow">Clients</p> <p className="partners-eyebrow">Clients</p>
<h2 className="partners-heading"> <div className="partners-heading-row">
주요 {""} <h2 className="partners-heading">
<br /> 주요 <br /> 고객사
고객사 </h2>
</h2> <p className="partners-count">{CLIENTS.length}개사</p>
<p className="partners-count">{CLIENTS.length}개사</p> </div>
</div> </div>
<div className="partners-grid partners-grid--4"> <div className="partners-grid partners-grid--4">
{CLIENTS.map((c) => ( {CLIENTS.map((c) => (
@ -182,12 +182,12 @@ export default function PartnersPage() {
<div className="partners-section-row"> <div className="partners-section-row">
<div className="partners-sidebar"> <div className="partners-sidebar">
<p className="partners-eyebrow">Partners</p> <p className="partners-eyebrow">Partners</p>
<h2 className="partners-heading"> <div className="partners-heading-row">
기술 {""} <h2 className="partners-heading">
<br /> 기술 <br /> 협력사
협력사 </h2>
</h2> <p className="partners-count">{PARTNERS.length}개사</p>
<p className="partners-count">{PARTNERS.length}개사</p> </div>
</div> </div>
<div className="partners-grid partners-grid--5"> <div className="partners-grid partners-grid--5">
{PARTNERS.map((num) => ( {PARTNERS.map((num) => (

Loading…
Cancel
Save