Skip to content

Commit

Permalink
feat: Ajust Features styles with round and gaps & better titles spaci…
Browse files Browse the repository at this point in the history
…ng (#5)

* feat: Ajust Features styles with round and gaps & better titles spacing

* Change features order as before
  • Loading branch information
t1gu1 authored Oct 13, 2023
1 parent bafd3bf commit d0b74f3
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 3 deletions.
2 changes: 1 addition & 1 deletion src/components/content-section.astro
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ const { title, id } = Astro.props;

<section
id={id}
class="flex scroll-mt-24 flex-col items-center gap-4 space-y-8"
class="flex scroll-mt-24 flex-col items-center gap-4 space-y-8 pb-9"
>
<div class="flex flex-col items-center gap-4">
<slot name="eyebrow" />
Expand Down
4 changes: 2 additions & 2 deletions src/components/features.astro
Original file line number Diff line number Diff line change
Expand Up @@ -49,10 +49,10 @@ const features: Array<FeatureItem> = [
class="text-primary">speed</span
> or <span class="text-primary">customization</span>.
</Fragment>
<ul class="grid max-w-6xl grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
<ul class="grid max-w-6xl grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
{
features.map(({ title, description, icon }) => (
<li class="flex flex-col items-center gap-4 border border-default bg-offset p-6">
<li class="flex flex-col items-center gap-4 border border-default rounded-xl bg-offset p-6">
<div class="h-16 w-16 rounded-full border-2 border-primary p-3">
<Icon class="h-full w-full text-primary" name={icon} />
</div>
Expand Down

0 comments on commit d0b74f3

Please sign in to comment.