Fold privacy pillars into Privacy by design and tidy features grid.
Remove the standalone privacy section, pair e-commerce with privacy in the two-column layout, and drop unused pillar styles.
This commit is contained in:
@@ -361,50 +361,6 @@ a:hover {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.pillars {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.625rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.privacy-features {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
|
||||
gap: 0.625rem;
|
||||
}
|
||||
|
||||
.pillar {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.375rem;
|
||||
padding: 0.5rem 0.875rem;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 999px;
|
||||
background: var(--surface);
|
||||
font-size: 0.8125rem;
|
||||
font-weight: 500;
|
||||
color: var(--text);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pillar__dot {
|
||||
width: 0.375rem;
|
||||
height: 0.375rem;
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.pillar:nth-child(odd) .pillar__dot {
|
||||
background: var(--brand);
|
||||
}
|
||||
|
||||
.pillar:nth-child(even) .pillar__dot {
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
.features-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
|
||||
Reference in New Issue
Block a user