chore: align headers in FeaturesSection components for better respons…

…iveness
kuizuo · Jun 17, 2024 · b3e7dbe · b3e7dbe
1 parent 0df1a24
commit b3e7dbe
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/landing/FeaturesSection/Github.tsx b/src/components/landing/FeaturesSection/Github.tsx
@@ -18,7 +18,7 @@ export default function Github({ className }: GithubProps) {
 
  return (
  <div className={className}>
- <h2 className="mb-2 flex items-center gap-1 px-4 text-base">
+ <h2 className="mb-2 flex items-center gap-1 justify-center md:justify-start md:px-4 text-base">
  <Icon icon="ri:github-line" />
  <Translate id="homepage.feature.github.title">Github</Translate>
  </h2>

diff --git a/src/components/landing/FeaturesSection/Skill.tsx b/src/components/landing/FeaturesSection/Skill.tsx
@@ -7,7 +7,7 @@ import IconCloud from '../../magicui/icon-cloud'
 export default function Skill({ className }: { className?: string }) {
  return (
  <div className={className}>
- <h2 className="mb-2 flex items-center gap-1 text-base">
+ <h2 className="mb-2 flex items-center gap-1 text-base justify-center md:justify-start" >
  <Icon icon="carbon:tool-kit" />
  <Translate id="homepage.feature.skill.title">技术栈</Translate>
  </h2>