score:0
Accepted answer
it's probably because you have position: absolute
on your typography
and p
.
when set position: absolute
to any element it removed it from the document flow, that's why your list height is the min-height: 54px
only.
try removing position: absolute
#type {
margin-right: 40px;
}
#title {
margin-top: 0px;
margin-right: 40px;
}
Source: stackoverflow.com
Related Query
- How to adjust height of div based on content
- How to adjust child component's height dynamically based on parent?
- How to show different DIV content based on current Index using React?
- How to grow parent height div based on absolute child's height
- How to adjust the font size based on the content (which is a number and string) in a container?
- how to make HTML column-oriented and div based table's height same in react
- How to adjust div height by dragging whole bottom border line instead of bottom right corner in react?
- How to change Content based on Menu Item click in AntD (React UI Library)
- Material-UI DataGrid dynamic row height based on text content
- React how to dynamically set div height to follow suit of full window height including scroll
- How to adjust row height of a material-ui table component
- How to dynamically adjust textarea height with React?
- React: How to Animate Expanding and Collapsing Div When the Size of the Content is Not Knowable
- How to adjust maxWidth on container based on custom breakpoints when using muiTheme with material-ui
- How do you test the content of a div or other element in enzyme/mocha/chai?
- How to set excelsheet row height to auto so that the content can autofit in the cell using exceljs
- How can a React component measure an unknown number of children individually, then modify layout based on height
- React - How to get height of the particular div if you know its class
- How to place the popup based on the position of another div element using javascript and react?
- How to adjust the content style in the body of react-draft-wysiwyg
- How to center items in a div without losing height of parent?
- How to change main content component based on sidebar component in one layout in React js
- React; How to get the width of React-Alert adjust based on the alert text
- How to border bottom the div content on click
- How to adjust the size of the container based on the contents without repeating same lines of code?
- how to copy div content to clipboard as a string format
- How to get height of a div in react js
- How to set width and height dynamically based on images that got passed with materal-ui Modal component?
- How to conditionally render ReactJS content based of user's Operation System
- Calculate correct height of div based on different children in slider?
More Query from same tag
- Using socketio in redux actions
- Not able to add todos to database
- react-three-fiber 3D object (.obj) model not casting any shadow
- concatenating 2 arrays unexpected result
- Can't convert string time in moment to correct format
- How to call script.jsx to make react.js work
- Spread Array of Objects in JavaScript
- react undux testing (mock) with jest
- react-leaflet geojson style adapted per feature
- How to access an image link inside an object and show it using react componenets
- How to make only one button disabled on click in map method and how to change className after the timer expires in React?
- React Native "onViewableItemsChanged" not working while scrolling on dynamic data
- Set the setState to the searched books array to made it back to the blank array in case of invalid query
- Immutable remove object entry react reducer
- Manipulate context data to pass input to Component
- <footer> is rendering over main React content, but CSS is working fine in snippet
- React Native: Problem with dependencies and archiving my project
- React Javascript onclick outside div
- Cannot create dynamic JSX tags from string
- How would I iterate through array and display input boxes based on values?
- Render modal on a route with the parent route rendered in background
- How to implement material-ui tabs with More dropdown (as shown in documentation screenshot)
- Component Child is not re-rendered although state updated
- why React production build only shows the 404 page without the rest of the page?
- Mocking up data in React Components
- Dynamically setting state object by passing it as variable name : React
- onClick not firing in React js
- react-router-dom: getting props.location from within <BrowserRouter> component
- My query is failing in relay and I don't know why?
- How to Set Style to image pattern on mapbox GL