Как правильно задать размеры блоков?

Question

[tgarl]

Есть контейнер

<div class="sertificatfix__box-sert">
		<div class="sertificatfix__box-sert-left">									
		</div>
		<div class="sertificatfix__box-sert-right">									
		</div>
	</div>

как правильно задать размеры правого и левого блока чтобы получилось что
правый занимает 40% от всей ширины, но не более 600px, а левый всю оставшуюся
получается когда экран 1024, то правая будет 410, левая 614
когда 1920 - правая 600, левая 1320
2560 - правая 600, левая 1960
такой примерно расчет
при этом гриды использовать нельзя только флексы, так как на старых браузерах (win7) они не поддерживаются

Comments

[Сергей delphinpro]

самое очевидное решение разве не работает?

.right {
  flex-basis: 40%;
  max-width: 600px;
}

[tgarl]

Прошу прощения, слепой, у меня оказалось что для блока внутри левой части тоже было max-width: 600px; из-за этого никак не выходило увидеть результат

Answer 1

[Антон Антон]

https://play.tailwindcss.com/dWQbUrOzMX

Comments

[tgarl]

Сергей delphinpro уже ответил, и к тому же я написал, что сам дурак, у меня закращен был блок внутри левого а ему ограничение стояло и я никак не видел почему не весь блок закрашивается.
flex-basis: 60%; - левому и flex-basis: 40%; правому + max-width отработали правильно