Update main.css #6396
Update main.css #6396
Conversation
1 --> Viewport-based (vw) Units: Replaced most fixed px values with vw to ensure responsiveness. 2 --> Media Queries: Adjustments for smaller screens (mobile). Enhancements for larger screens (desktop). 3--> Improved Readability: Adjusted line-height and spacing. Added responsive font sizes for better UX on different devices. 4--> Scalable Layout: Made carousel, navbar, and other components more flexible.
|
This main.css file has been updated to enhance the responsiveness of the website. The px units have been replaced with vw units to allow for greater adaptability across different screen sizes. Media queries have been added to ensure the website adjusts seamlessly to various devices. Additionally, the code has been refactored to improve readability and maintainability, aligning with professional standards. This contribution aims to support the project's scalability and accessibility while adhering to best practices in responsive web design. |
|
hello, Thank for the inputs. But it looks like some AI stuff without checking : Master Master is left
So I don't think I will merge and it makes things worse IMHO |
|
I have used chatgpt but rechecked on my own it was working |
|
@khancyr I used formula ,vw = (max-width / viewport width) * 100 for the conversion on px to vw |
1 --> Viewport-based (vw) Units: Replaced most fixed px values with vw to ensure responsiveness. 2 --> Media Queries:
Adjustments for smaller screens (mobile).
Enhancements for larger screens (desktop).
3--> Improved Readability:
Adjusted line-height and spacing.
Added responsive font sizes for better UX on different devices. 4--> Scalable Layout: Made carousel, navbar, and other components more flexible.