<div class="container">
<div class="div2">
<code><a></a></code>
<p>ссылка</p>
</div>
</div>.container{
margin: 50px auto;
display: flex;
justify-content: center;
width: 500px;
}
.div2{
background-color: #c8a185;
color: #30464f;
flex-shrink: 0;
width: 110%;
}<div>
<header>
лого
nav
див
</header>
<main>
<section></section>
</main>
</div><div>
<span>123</span>
<p>Какой-то текст</p>
</div>body{
background: gray;
}
div{
margin: 50px auto;
width: 200px;
height: 140px;
background: radial-gradient(40px 40px at center top, transparent 100%, red 100%);
position: relative;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
border-radius: 20px;
}
span{
width: 65px;
height: 65px;
border-radius: 50%;
color: firebrick;
background: aqua;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: -32px;
}.header__wrap{
min-height: 500px;
display: flex;
flex-direction: column;
}
.header__content{
flex: 1 1 0;
}