I can built this project with only pure css.It is more easier for me.But I am learning bootstrap and scss.So I want to train with these framework and preprocessor.Using bootstrap and scss is more difficult for me . I will train with these framework and preprocessor for a lot of project. I have a problem in this project. You will see card's bottom with a few color.I have no idea how to hide these color.They look like border but they are not border .I have already give "border : none".These colors are form body background. Would you mind giving me a solution?
Rodrigo Molina
@s0alkenAll comments
- @Swam1234Submitted over 2 years ago@s0alkenPosted over 2 years ago
Hi Swam, congratulations on your solution, you did really good. I also had this issue and I solved it by applying a linear gradient to the background in order to make it transparent from middle to bottom, like this: linear-gradient(180deg, hsl(43, 84%, 65%), hsl(43, 84%, 65%), transparent 50%, transparent 100%).
Also, take a look at the accessibility issues, your solution has 8, but I think you can correct them all by wrapping all the code inside the body in a main tag.
I hope it helps!
Marked as helpful1