feat: update SimpleGrid component in AboutUs for improved responsive …#99
Merged
Conversation
Contributor
There was a problem hiding this comment.
Pull request overview
Updates the About Us page layout to improve responsiveness and spacing consistency in the “About Us” section grid.
Changes:
- Updated
SimpleGridpbfrom a numeric token value to an explicit pixel value ("35px"). - Updated
SimpleGridcolumnsto a responsive object ({ base: 1, md: 2 }) for clearer breakpoint behavior.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
…kground color logic in Navbar component
…iveness and consistency Co-authored-by: Christopher Natale <natale565@icloud.com> Co-authored-by: teejdadev@users.noreply.github.com
…onsiveness Co-authored-by: Christopher Natale <natale565@icloud.com>
… for various breakpoints
Co-authored-by: Christopher Natale <natale565@icloud.com>
Co-authored-by: John Schmidt <JohnSchmidtN@users.noreply.github.com>
…ring and layout - Enhanced the Navigators component to utilize dynamic dropdowns for regions, categories, and titles, improving data fetching and filtering logic. - Updated the layout of the Navigators component to be responsive, stacking elements on mobile and aligning them horizontally on larger screens. - Refactored the SearchResources component to streamline the layout and integrate the updated Navigators component, ensuring a cohesive user experience. - Improved the Services page layout, utilizing responsive design principles for better mobile compatibility. - Updated FAQ and ServiceCard components for enhanced readability and visual consistency. - Adjusted theme breakpoints for better responsiveness across devices. Co-authored-by: Christopher Natale <natale565@icloud.com>
…y; enhance responsiveness and styling across various components; update Navigators and Resources page structure; improve Team Member and Service cards for better display; clean up unused code and comments in team data.
…Website into mobile-design
![github-code-quality[bot]](https://avatars.githubusercontent.com/u/9919?s=60&v=4){kind=small}
|
Unable to deploy a commit from a private repository on your GitHub organization to the Devell Robinson's projects team on Vercel, which is currently on the Hobby plan. In order to deploy, you can:
To read more about collaboration on Vercel, click here. |
| import { Card, Image as ChakraImage, Float, Heading } from "@chakra-ui/react"; | ||
| import { Link as ChakraLink } from "@chakra-ui/react"; | ||
| // import { SimpleGrid } from "@chakra-ui/react"; | ||
| import { Box, Card, Float, Heading, Image as ChakraImage, Link as ChakraLink } from "@chakra-ui/react"; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request makes a small adjustment to the layout of the About Us page. The change updates the padding and grid column configuration to improve responsiveness and consistency in spacing.
SimpleGridcomponent'spb(padding-bottom) from a numeric value to a pixel string, and updated thecolumnsprop to use responsive values ({ base: 1, md: 2 }) for better adaptability across screen sizes.