Bug Report: Proper Margin is Not Provided in Entire Responsive UI Design

[NarendraKoya999]

Reproduction steps

GSSOC'23

What is that Issue Describes ??

• When I am Checking Responsive Web UI using Different Screen Sections ,Most of the Screen Visibility of Responsive UI having Margin Problems .

How To Reproduce It ??

• Go To This 'https://aec-library-wbsite.netlify.app/' .
• Click on F12 Key on Either Desktop or Laptop Devices.
• Click on Toggle Device Tool Bar Option on Left Top Second Option.
• Then, Observing Left side of the Screen Top Having Dimensions Section.
• Try to Figure Out How to do Different Sections showing Margin Errors using Different Desktop, Mobile, IPad Etc Screen Sizes.
• Then , Adjusting and Modifying Certain Margin and Border Values according to Web Page.

Expected behavior

Expected Behavior

Add and Modify Different Values of Margin Property according to Different Screen Sizes of Actual Behavior of This Issue.

Actual Behavior

Actual Behavior Of This Web Page.

Observing Margin and Border Properties.

👀 Have you spent some time to check if this issue has been raised before?

• [X] I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• [X] I have read the Code of Conduct

[NarendraKoya999]

Hi @SauravMukherjee44 . I have Raised this Issue 2weeks ago. Please Check This.

[NarendraKoya999]

Hi @rohanbabbar04 . I can tagged @SauravMukherjee44 .Still Open this Issue. No response from your Side. It's almost one month back ago Issue.?. Somebody designed this Issue due to effect of your miss proper responses. It's totally effect on my Issue.