I’m working on the Off-Platform Project, “Tea Cozy”, in the “Build a Website with HTML, CSS, and Github Pages” Skill Path.
Unfortunately, I’m facing an issue with the “mission section” in which there’s a top main and a bottom main. I somehow can’t get the photo divided into two halves for the top and bottom portions each. The class “top-slice” is used to refer to the top section and the class “bottom-slice” is used to refer to the bottom section.
I made both the sections of 100% width and height, but my requirements still aren’t satisfied.
Here’s what I need to achieve:-
This is what I managed to get:-
Here are the rulesets for top-slice and bottom-slice:-
/* Image Top */
/* Image Bottom /
/ right: 0; */
The complete CSS code:-
Any help would be appreciated.