L_Shape_Cut_in_Right_Corner_Image I am try creating first time for facing this issue and I am try differently but not worked, use chatGPT but not get exact answer I want. .card-custom { position: relative; border-radius: 15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border: none; padding: 1rem; overflow: hidden; background: white; } .card-header-custom { display: flex; […]

My problem is that when I try to create a new section or any new content after the homepage, it doesn’t appear on a new page but still displays on the homepage itself. I have uploaded the project to codepen as an example, where I created an h1 section titled “new part” to illustrate my issue. I also figured out specifically what is causing this.In this section(what can you find in the right content part), the CSS includes the position: absolute property.

I am working on a project where I need to replicate a design provided by our designer (see the first image). I am currently using a CSS grid to display rhombus-shaped SVG files, but I am having trouble filling the edges with the rhombuses. My current progress is shown in the second and third images, but as you can see, the edges are not filled properly.
Design Images