Would anyone be able to guide me on how to recreate the tilted style of the header section shown in the image using HTML and CSS?
https://i.sstatic.net/mhJWA.png
body {
margin: 0px;
background-color: #FFEF4C;
}
#header {
background-color: #FF3578;
height: 300px;
transform: rotate(20deg);
}
<div id="header"></div>
I'm struggling with adjusting the header div to cover all the upper area without any gaps. Any assistance would be greatly appreciated!