Made the section Playground section responsive #6071
Conversation
Signed-off-by: NISHANT SINGH <[email protected]>
|
🚀 Preview for commit 5f76aec at: https://6730e2ba4020f1fd389b1b9f--layer5.netlify.app |
|
|
||
| @media only screen and (max-width: 450px) { | ||
| height: 600px; | ||
| } | ||
|
|
||
| @media only screen and (max-width: 296px) { | ||
| height: 800px; | ||
| } |
There was a problem hiding this comment.
| @media only screen and (max-width: 450px) { | |
| height: 600px; | |
| } | |
| @media only screen and (max-width: 296px) { | |
| height: 800px; | |
| } |
There was a problem hiding this comment.
Sir after 300px too, this error is coming in which the text is not visible , so for that , we need to add the media query for 296px
There was a problem hiding this comment.
@NishantSinghhhhh take a look at the latest deploy preview: https://6731002ae3f3370614e4a348--layer5.netlify.app/
There was a problem hiding this comment.
@NishantSinghhhhh please consider incorporating suggested changes.
Co-authored-by: Vivek Vishal <[email protected]> Signed-off-by: NISHANT SINGH <[email protected]>
Co-authored-by: Vivek Vishal <[email protected]> Signed-off-by: NISHANT SINGH <[email protected]>
Co-authored-by: Vivek Vishal <[email protected]> Signed-off-by: NISHANT SINGH <[email protected]>
Signed-off-by: Vivek Vishal <[email protected]>
Signed-off-by: Vivek Vishal <[email protected]>
Signed-off-by: Vivek Vishal <[email protected]>
Signed-off-by: Vivek Vishal <[email protected]>
|
🚀 Preview for commit ae9bd7a at: https://6731002ae3f3370614e4a348--layer5.netlify.app |
Signed-off-by: Vivek Vishal <[email protected]>
|
🚀 Preview for commit 28306ed at: https://6731086b88db9e2f474094e1--layer5.netlify.app |
|
@NishantSinghhhhh Thank you for your contribution! Please add it as an agenda item to the meeting minutes. |
Description
This PR fixes #6069
Notes for Reviewers
This PR includes updates to make one section of the home page responsive. The changes include:
Added media queries to adjust layout and styling for smaller screen sizes.
Adjusted padding, margin, and font sizes to enhance readability and spacing on mobile devices.
Updated the CSS for images and containers in the section to ensure proper scaling and alignment on screens below 768px and 470px.
Signed commits