Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed : Responsiveness and Styling of Badges Section #104 #180

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Saiweb3dev
Copy link

Improve badge grid responsiveness

  • Update grid layout to 2 columns for small and medium screens
  • Implement 3-column layout for large screens (1025px and wider)
  • Adjust media queries to support new grid layout
  • Maintain responsive design for header, footer, and other elements
  • Optimize badge container sizing and spacing across screen sizes

What does this PR do?

Fixes #(issue)

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • Chore (refactoring code, technical debt, workflow improvements)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How should this be tested?

  • Test A
  • Test B

Mandatory Tasks

  • Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

Improve badge grid responsiveness

- Update grid layout to 2 columns for small and medium screens
- Implement 3-column layout for large screens (1025px and wider)
- Adjust media queries to support new grid layout
- Maintain responsive design for header, footer, and other elements
- Optimize badge container sizing and spacing across screen sizes
Copy link

netlify bot commented Oct 18, 2024

Deploy Preview for badge-website ready!

Name Link
🔨 Latest commit 564747a
🔍 Latest deploy log https://app.netlify.com/sites/badge-website/deploys/6712b8a1b794ca0009250244
😎 Deploy Preview https://deploy-preview-180--badge-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant