Styled Component fill div height inside MUI Grid
Question
The two cells marked as pink becomes pink on mouse hover. How can I fill the grid with pink 100% width & height on mouse hover?
1 answers
solution1
0 2020-04-13 23:13:27
You are using the ListItem as your grid container (not sure if this is a requirement or it was just easy for you), and by default the ListItem component has padding.
You can disable this padding by settings the padding of that component to 0:
<ListItem button style={{padding: 0}}>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
img inside div should fill width or height
How to set height to fill parent div dynamically with sticky header in mui-datatables
if statement inside styled component
right-aligned div inside li should fill height
Fill parent div height
Foundation 5 - div fill height
Div should fill height
Div fill remaining height
fill the height of a given div
How to pass a custom style to MUI V5 styled component?
Related Tags