Results-summary-component-solution

• Pls help me to design for mobile devices.

-->I just messed it up.

--> I'm using a media query but do not get the output as desired.

--> TOP content of the div is not visible

View Source Code

` @media (max-width: 900px) {

html {
    display: block;
}

body {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
.outer-box {
    width: 500px;
    
    height:800px;
    
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    
}
.sub-box {
    width: 400px;
    height: 800px;
    border-radius: 0;
    padding-bottom: 10px;
}
.result {
    
}
.summary {
    border-radius: 0;
}

} `