[RESOLVIDO] Exercícios 4.9 da Caelum

Possivelmente, o tamanho dos painéis não cabem na mesma linha. Faz um teste diminua o tamanho dos painéis width: 245px;

“O painel de novidades deve flutuar à esquerda e o mais-vendidos , à direita. Cada um deve ocupar 445px (pouco menos da metade dos 940px), assim um ficará ao lado do outro:”

Quem é a div pai dos painéis, ela tem 940px?
Mostre as classe .container e .paineis e também a estrutura do html nessa parte!

bom dia!

HTML

<div class="painel">
<section class="painel novidades">
	<h2>novidades</h2>
	<ol>
		<li>
			<a href="produto.html">
				<figure>
					<img src="img/produtos/miniatura1.png" alt="produto 1">
					<figcaption>roupa irada por R$29,90</figcaption>
				</figure>
			</a>
		</li>

		<li>
			<a href="produto.html">
				<figure>
				<img src="img/produtos/miniatura2.png" alt="produto 2">
				<figcaption>roupa irada por R$30,00</figcaption>
			</figure>
			</a>
		</li>

		<li>
			<a href="produto.html">
				<figure>
				<img src="img/produtos/miniatura3.png" alt="produto 3">
				<figcaption>roupa irada por R$30,00</figcaption>
			</figure>
			</a>
		</li>

		<li>
			<a href="produto.html">
				<figure>
				<img src="img/produtos/miniatura14.png" alt="produto 4">
				<figcaption>roupa irada por R$30,00</figcaption>
			</figure>
			</a>
		</li>

		<li>
			<a href="produto.html">
				<figure>
				<img src="img/produtos/miniatura15.png" alt="produto 5">
				<figcaption>roupa irada por R$30,00</figcaption>
			</figure>
			</a>
		</li>

		<li>
			<a href="produto.html">
				<figure>
				<img src="img/produtos/miniatura6.png" alt="produto 6">
				<figcaption>roupa irada por R$30,00</figcaption>
			</figure>
			</a>
		</li>
	</ol>
</section>

Mais Vendidos

1. Roupa irada por R$20,00

<li>
		<a href="produto.html">
            <figure>
            	<img src="img/produtos/miniatura4.png" alt="miniatura4">
            	<figcaption> Roupinha irada por R$30,00</figcaption>
            </figure>
        </a>
    </li>

    <li>
        <a href="produto.html">
            <figure>
            	<img src="img/produtos/miniatura12.png" alt="fotorosa">
            	<figcaption> Roupinha por R$30,00</figcaption>
            </figure>
		</a>
	</li>

	<li>
        <a href="produto.html">
            <figure>
            	<img src="img/produtos/miniatura7.png" alt="fotorosa">
            	<figcaption> Roupinha por R$30,00</figcaption>
            </figure>
		</a>
	</li>

	<li>
        <a href="produto.html">
            <figure>
            	<img src="img/produtos/miniatura6.png" alt="fotorosa">
            	<figcaption> Roupinha por R$30,00</figcaption>
            </figure>
		</a>
	</li>

	<li>
        <a href="produto.html">
            <figure>
            	<img src="img/produtos/miniatura5.png" alt="fotorosa">
            	<figcaption> Roupinha por R$30,00</figcaption>
            </figure>
		</a>
	</li>
</ol>

CONTAINER

.container{

margin: 0 auto;

width: 940px;

position: relative;

}

PAINEL

.painel{

margin: 10px 0;

padding: 10px;

width: 445px;

}

Valeu, man. me ajudou muito.

Sou meio lerdo nisso poque sou novato rs. eu tinha errado o tamanha da width no painel kkkk tinha colocado outra numero

Muito obrigado pela ajuda, man!