@VCarames
Posted
Hey there! 👋 Here are some suggestions to help improve your code:
Regarding you questions:
"if there's an easier solution such as "filter: ;" that would directly affect the color of img coating, if that makes sense."
- To get the image to look like the FEM example, you are going to want to use the Mix-Blend-Mode along with the Multiply Value and include a Opacity with the value of 0.8.
Code:
img {
opacity: 0.8;
mix-blend-mode: multiply;
}
"I wanted to figure out how to align the preview card on the center of any screen"
- To properly center you content to your page, add the following to your Body Element:
body {
min-height: 100vh;
display: grid;
place-content: center;
}
" but the 'srcset=""' never seemed to work on my VS Code."
- This is probably because you are using two different CSS files for you mobile and desktop view. You only need one and you will use media query to make the changes.
If you have any questions or need further clarification, let me know.
Happy Coding! 👻🎃
Marked as helpful