-
Notifications
You must be signed in to change notification settings - Fork 17
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
Fix title and description allignment for mobile screen resolved close… #9
base: main
Are you sure you want to change the base?
Conversation
@@ -1,5 +1,8 @@ | |||
/* eslint-disable react/prop-types */ | |||
|
|||
/* Import Statements */ | |||
import React, { useState, useEffect } from 'react'; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
import React, { useState, useEffect } from 'react'; | |
import { useState, useEffect } from 'react'; |
React is redundant here, so we can do without importing it
// Apply marginLeft: 30px; on screens smaller than sm | ||
marginLeft: isSmallScreen ? '30px' : '0px', | ||
transition: 'margin-left 0.2s ease', // Apply transition to margin-left | ||
}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Interesting approach. I'd still like to use the default tailwind breakpoints to avoid all the extra code.
Thanks for the PR @anujkumardarji and sorry for getting back late, was caught up. I like the approach, however, I think we can still use the available tailwind breakpoints to solve this. Another issue with this approach is that it still does not solve the alignment issue for widths 600-1000px. I think utilizing tailwind breakpoints can help, I left a few comments. Thanks 👍🏻 |
Title and description are now aligned for better consistency in UI