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

the grid.hbs file needed to be updated #608 #748

Open
wants to merge 4 commits into
base: develop
Choose a base branch
from

Conversation

Hansolo1103
Copy link

@Hansolo1103 Hansolo1103 commented Feb 28, 2024

To improve the responsiveness of the grid system for smaller viewports, you can make adjustments to the existing grid classes and add new ones as needed. Here are the proposed changes for issue #547

  • Added m-b100 class to reduce vertical margins on all grid items.
  • Added m--full and m--half classes to make items full-width and half-width respectively on mobile screens.

The grid.hbs file needed some tweaking for optimizing the grid system.
The {{new.title}} within the <h3> tag will now be limited to 3 lines with an ellipsis.
The department name {{new.position}} is now placed below the title within the <h3> tag with the .news_position class.
Added .news_position span style for the department name to display below the title.
Updated h3.title style to include:
display: -webkit-box for multi-line ellipsis support.
-webkit-line-clamp: 3 to limit the title to 3 lines.
-webkit-box-orient: vertical to make the ellipsis appear vertically.
overflow: hidden and text-overflow: ellipsis for handling overflow.
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