Recipe Page Solution

Issue Description: I'm experiencing an issue with applying border radius to a div in my project. When I add the border radius, it affects all sections of the container, causing unexpected curves in the center. How can I apply border radius to only specific sections of the div while keeping other sections unaffected? CSS Code: Here's the CSS code I'm using to apply the border radius to my div container: .container { border-radius: 10px; } Desired Outcome: My goal is to have rounded corners on all four corners.