feat blog: fix for paddings on mobile

[KomrakovaAnna]

fix for paddings on mobile

Summary by CodeRabbit

• Style
  • Adjusted horizontal spacing on the blog page layout for improved content alignment.
  • Updated responsive padding behavior in the header to provide consistent spacing across different screen sizes.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
devlovers-net	Ready	Preview, Comment	Feb 2, 2026 7:58pm

[netlify]

✅ Deploy Preview for develop-devlovers ready!

Name	Link
🔨 Latest commit	5a6ad1e
🔍 Latest deploy log	https://app.netlify.com/projects/develop-devlovers/deploys/698101f49c5ca00008e95e1f
😎 Deploy Preview	https://deploy-preview-254--develop-devlovers.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

📝 Walkthrough

Walkthrough

Two frontend components had their horizontal padding adjusted: the blog page wrapper now lacks responsive padding classes, while the MainSwitcher Blog branch gained responsive padding definitions instead of a fixed value.

Changes

Cohort / File(s)	Summary
Blog Page Layout frontend/app/[locale]/blog/page.tsx	Removed responsive horizontal padding classes (px-4, sm:px-6, lg:px-8) from main wrapper, keeping only vertical padding.
Header Main Switcher frontend/components/header/MainSwitcher.tsx	Changed Blog branch main element padding from fixed px-6 to responsive classes (px-4 sm:px-6 lg:px-8) and reformatted children placement.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

Possibly related PRs

• feat(Blog) #222 — Modifies blog page layout structure and padding adjustments in the same file.
• Sanity #209 — Adjusts blog page container classes with horizontal padding modifications.
• (SP: 2) [Frontend] Refactor Home HeroSection and Footer stylestor/home #221 — Modifies MainSwitcher padding logic for different route branches.

Suggested labels

UI

Suggested reviewers

• AM1007
• ViktorSvertoka

Poem

🐰 Hoppy padding changes bright,
Blog page sheds its lateral sight,
Switcher gains responsive flair,
CSS whispers through the air!

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'feat blog: fix for paddings on mobile' accurately describes the main changes—adjusting horizontal padding on mobile for blog page components.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch sanity

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}