Closed
Description
This super simple html file is not renderer correctly
<html>
<head>
<style>
* {
margin: 0px;
box-sizing: border-box;
}
</style>
</head>
<body style="background-color: red; padding: 32px; height: 100%; display: flex; overflow: hidden;">
<div style="background-color:yellow; padding:32px; flex: 1; display: flex; overflow: hidden;">
<div style="background-color:green; padding:32px; flex: 1; display: flex; overflow: hidden;">
<div style="background-color:white; display: flex; flex: 1; justify-content: center; align-items: center">
<div>ciao</div>
</div>
</div>
</div>
</body>
</html>
This is the output:
It should be (scale is not important):
