Completed another one! 2 full weeks of these beginner projects and I think I'm sort of getting the hang of things! I know I still have a lot to improve on but it's a huge improvement from the first week lol. Thanks all for your feedback, I do read all of them even if I do not get to respond to each one :D.
OK, this isn't feedback on myself, but a question. I line it up with the design it provides me but I'm always ending up super off when it loads on here. I have dev tools open and it says I'm all lined up but here it always isn't. When I open the site on my monitor it looks totally fine...Someone help lol. Thanks again :).
First try using CSS grid in a project, was there a better way for me to write my code? Let me know down below. Please ;(, low-key i'm struggling :D
Hi! I am still learning also! I think you can probably wrap the top-part, bottom-left, and bottom-right sections in one div, named "card", and then define your border-radius in one section instead of have 3 separate areas defining separate sections with the same border-radius property.
Then that one line can look like this:
.card{ overflow: hidden; border-radius: 10px; }
You can add overflow:hidden; inside the .body part as well and that should give all your corners the curve :D.
Similarly, I defined the body font in the body area as 'white', and then just changed everything else in the sections below. That can cut some of the lines like these:
.right { color: white; }
.bottom-left>p { color: white; }
I did not see any changes when I commented those parts out so probably works with less lines.
I hope this helps somewhat. If what I said was confusing, I can send all the things I played around with using your code so you can see what I modified. Feel free to reach out ^_^
