develop to main

[JosueBrenes]

This pull request updates the CertificateCanvas and overall layout in Certificate.tsx to improve visual scaling, responsiveness, and consistency by switching from viewport-based units to container query units (cqi). It also adjusts the sizes and positions of various decorative and content elements for a more balanced and responsive design.

Certificate visual and layout improvements:

• Switched from viewport width units (vw) to container query units (cqi) for font sizes, paddings, and spacings in the certificate, making the design more responsive to its container rather than the viewport. [1] [2] [3]
• Adjusted the sizes and positions of key decorative elements (logos, asterisks, seals, circles, map outline, dots) to better fit the layout and improve visual balance. [1] [2] [3] [4] [5] [6]
• Added containerType: 'inline-size' style to the certificate container to enable container queries for responsive sizing.

Overall page layout adjustments:

• Updated the main certificate layout to use more flexible and consistent padding, spacing, and sizing, including changes to the flexbox structure and maximum widths for better alignment on large screens.
• Reduced the width of the credential details sidebar and adjusted gaps between main elements for improved proportionality.# 🚀 ACTA Pull Request

Mark with an x all the checkboxes that apply (like [x])

• Closes #
• Added tests (if necessary)
• Run tests
• Run formatting
• Evidence attached
• Commented the code

---

📌 Type of Change

• Documentation (updates to README, docs, or comments)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

---

📝 Changes description

---

📸 Evidence (A Loom/Cap video is required as evidence, we WON'T merge if there's no proof)

---

⏰ Time spent breakdown

---

🌌 Comments

---

Thank you for contributing to ACTA! We hope you can continue contributing to this project.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
dapp	Building	Preview, Comment	Mar 5, 2026 0:49am

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: a95f68c5-2609-458e-8b07-4aa40e01b577

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

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

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.

---

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.}