I improved the responsiveness and changed the background colour.
What specific areas of your project would you like help with?How to add the red filter to the image.
To make that filter to the image you can use
.image-wrapper {
background-color: rgba(94, 0, 144, 0.8);
}
img {
mix-blend-mode: multiply;
opacity: 82%;
}
adjust opacity at your will.
Hope this helps you.
I still have issue with the visualisation Need to put the visual in centrer (for my next challenge)
What challenges did you encounter, and how did you overcome them?I still have issue with the visualisation Need to put the visual in centrer (for my next challenge)
What specific areas of your project would you like help with?I still have issue with the visualisation Need to put the visual in centrer (for my next challenge)
To Put Visual in center
*{
margin: 0;
padding:0;
box-sizing: border-box;
}
html, body{
width : 100%;
height: 100%;
body{
min-height: 100vh;
display: flex; OR display: grid;
justify-content: center; OR place-content: center;
align-items: center; OR place-items: center;
}
Hope this helps you ^^
Need help with when in mobile view cant figure out why the purple card is overflowed
Try removing
justify-content: center ; from 25th line of CSS
and there are mistakes on line 107 and 114 of HTML .
Hope this Helps you.
I'm glad that I managed to solve the quotation mark using a background image and position it in the right place
What challenges did you encounter, and how did you overcome them?First I put the backgroundImage setting in extend, but it didn't work from there. It had to be put in the theme. I still don't understand what to put where
What specific areas of your project would you like help with?.
To make your solution even better you can make your body and your main containers background same. When the screen gets smaller your bodys background color doesn't match with containers background. Hope this Helps you.
