The Projects Page is currently not responsive on mobile view. The CSS layout becomes distorted causing elements to not display properly as shown below:
<>
Proposed Solution
Implement responsive design using flexible units (e.g., %, vw, rem) and media queries to ensure the layout adapts to smaller screen sizes. Utilize Flexbox or CSS Grid to maintain proper element alignment and prevent overflow across all devices.
The projects should be laid out in a style similar to how it's done for the mobile view of Team Page on the ACM @ UCLA Website.
ansh-saini
commented
1 month ago
Issue
The Projects Page is currently not responsive on mobile view. The CSS layout becomes distorted causing elements to not display properly as shown below:
<>
Proposed Solution
Implement responsive design using flexible units (e.g., %, vw, rem) and media queries to ensure the layout adapts to smaller screen sizes. Utilize Flexbox or CSS Grid to maintain proper element alignment and prevent overflow across all devices.
The projects should be laid out in a style similar to how it's done for the mobile view of Team Page on the ACM @ UCLA Website.
A good resource to refer to would be the intern training.