aee717819e
Three bugs fixed: 1. Flex containers never had their Y coordinate set, causing them to render at Y=0 regardless of document position. 2. Flex item text was invisible because layout_children bypassed inline formatting context (IFC) setup. Replaced with layout_block_children (same approach as grid items) so text gets proper line boxes. 3. Flex item intrinsic sizing only checked grandchildren for text, missing deeper descendants like <li><a>Text</a></li>. Now recurses the full subtree. Additionally, added CSS min()/max() function support and Percent variant in grid template parsing (e.g., grid-template-columns: 1fr min(45rem, 90%) 1fr). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
38 lines
558 B
HTML
38 lines
558 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
display: grid;
|
|
grid-template-columns: 1fr min(45rem, 90%) 1fr;
|
|
}
|
|
header {
|
|
grid-column: 1 / -1;
|
|
padding: 10px;
|
|
}
|
|
nav ul {
|
|
display: flex;
|
|
gap: 10px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
nav li {
|
|
list-style: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Page Title</h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="#">About</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
</body>
|
|
</html>
|