Suggestion for Page Layout and How to Manage It
Hello 👋🏻
I would like to know,
- How can I make aside element sticked on the right of the grid? I used
position: sticky; but probably going to play with it more later on.
- Since I am trying to make it responsive, how can I make it on top of the screen? Should I put section and aside element in a div? (But this time my grid-template-are property won't work well)...
Is there a way to prevent these border-radius shine-through's?
So, like in the screenshot: you've got a dark background, inside it a light element with a border-radius and overflow:hidden
And inside this element another one with a different background color (or an image). And the mask doesn't really fit the radius but you get these 1px background colored border lines.
I just saw a "solution" to paint this over / blur away on stackoverflow, which really just works in a few cases. Isn't there another way?...
I just saw a "solution" to paint this over / blur away on stackoverflow, which really just works in a few cases. Isn't there another way?...
This ratio of this grid layout
it's simple, what would be the ratios of these rows and columns? ive figured out that in terms of cols, it's 12 but i can't figure out the rows.. any help? <3
Aligning item in a Grid
Hi guys, how can I get rid of this white space which is between the logo image at the top, and the content at the bottom? Ideally, I would like for the content to sit right underneath the logo. I am using grid here. I used grid-template-areas property so the image would be at the right corner
stretch a div to the bottom of the screen
I have a div that i want to fill the screen. how do i do this?
Implementing a Non-Wrapping, Count-Based Multi-Select Dropdown with MUI Chips
I am using the MUI library for a project that involves a multi-select dropdown with chips representing the selected data. The functionality is working well, but I'm encountering an issue with responsiveness: the chips are wrapping onto multiple lines. What I would like to achieve is a design where, instead of wrapping, it displays a text like "+2 more" or "+3 more" at the end when there are more items than can fit in a single line. I'm not sure how to implement this feature in MUI. Could anyone provide assistance or guidance on how to achieve this in MUI?
Code Sandbox Link: https://codesandbox.io/p/sandbox/mui-multiselect-sp4sg3?file=%2Fsrc%2FApp.js%3A10%2C13
I have attached my output and my required output images....
Website content disturbed on Iphone
I have made a website using html, CSS bootstrap and JavaScript. It is working good on different screen sizes and different mobile but is not working good on iPhone 7. The whole content of the website is distrub check the attach img it is not showing correctly why
