vladislavaSim
/
homeworks


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HW16</title>
    <style>
        * {
            font-family: system-ui;
        }
        #mainContainer {
            display: flex;
        }
        #aside {
            width: 30%;
        }
        #aside > a{
            display: block;
            text-decoration: none;
            font-size: 15px;
            color: black;
            border: 1px solid darkkhaki;
            margin: 5px;
            padding: 5px;
            width: 150px;
        }

        img {
            width: 150px;
            height: auto;
        }
        .card {
            border-radius: 5px;
            border: 1px solid sandybrown;
            margin-bottom: 5px;
            padding: 5px 10px;
        }
        .title {
            font-size: 20px;
        }

    </style>
</head>
<body>
<header>
    <div id="cartIcon"></div>
</header>
<div id="mainContainer">
<!--    <aside id="aside"><a href="#/category/6262ca7dbf8b206433f5b3d1">Tools</a><a href="#/category/6267f94fbf8b206433f5b40a">Tomatoes</a><a href="#/category/626a9cc6bf8b206433f5b40c">123</a><a href="#/category/62c94b10b74e1f5f2ec1a0dd">Smartphone</a><a href="#/category/62ce7b9fb74e1f5f2ec1a0ea">Large home appliances</a><a href="#/category/62ce891eb74e1f5f2ec1a0eb">Garden</a><a href="#/category/62ce8a8fb74e1f5f2ec1a0ec">Children's products</a><a href="#/category/62ce8b3db74e1f5f2ec1a0ed"> Hobbies and sports</a><a href="#/category/62d40377b74e1f5f2ec1a129">Sale</a></aside>-->
     <aside id="aside">
         Cats
     </aside>
    <main id="main">
        Контент
    </main>
</div>
<script src="main.js"></script>
</body>
</html>