Skip to content

Fix responsive issue in home page "Our Projects" section#1641

Open
mkskaushalya wants to merge 15 commits intosef-global:masterfrom
mkskaushalya:master
Open

Fix responsive issue in home page "Our Projects" section#1641
mkskaushalya wants to merge 15 commits intosef-global:masterfrom
mkskaushalya:master

Conversation

@mkskaushalya
Copy link
Copy Markdown
Contributor

@mkskaushalya mkskaushalya commented Oct 22, 2024

Purpose

The purpose of this PR is to fix #1640 by making the project section and project cards responsive.

Goals

  • Make the "Our Projects" section and project cards responsive on mobile and tablet screens.
  • Ensure that the layout is flexible and adapts to different screen sizes.

Approach

  • Modified the index.html file to adjust the structure of the project section and cards.
  • Updated the CSS to ensure that the project cards and section are responsive on both mobile and tablet screens.
  • Formatted the index.html file using Prettier code formatter to ensure consistent code styling.

Screenshots

Before:

image
image

After:

image
image
image

Preview Link

https://pr-1641-sef-site.surge.sh/

Checklist

  • I have read and understood the development best practices guidelines
  • I have performed a self-review of my own code
  • I have commented my code, particularly in hard-to-understand areas

Related PRs

N/A

Learning

Utilized Prettier for code formatting and ensured best practices for responsive design using CSS media queries and flexbox properties.

mkskaushalya and others added 14 commits May 14, 2024 01:50
…justing CSS for proper padding and row-gap between cards. Bug fix for issue sef-global#1627 .

Resolved responsive issues in the scholarx/past-programs card deck. Adjusted CSS to ensure proper padding and row-gap between cards for mobile and tablet views. The section is now responsive across various screen sizes. Bug fix for issue sef-global#1627 .
Co-authored-by: Yoshitha Rathnayake <yoshithasbrathnayake@gmail.com>
Co-authored-by: Yoshitha Rathnayake <yoshithasbrathnayake@gmail.com>
@mkskaushalya mkskaushalya changed the title Fix responsive issue in home page "Our Projects" section #1640 Fix responsive issue in home page "Our Projects" section Oct 22, 2024
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.

Responsive issue in home page #projects section

1 participant