@SageKyleSubmitted over 2 years ago
How do I properly position background images when there is already a background linear gradient (e.g: the header of this project.)?
Any feedback is welcome.
Ivo
@ivcpAll comments
- @ivcpPosted over 2 years ago
You can use 'background-position' and pass the desired positions for the two backgrounds separated by commas in order that you put them. You can read more about it here: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
0 - @perscey007Submitted over 2 years ago
I was unable to get the first image to cut out of the the viewport on the right. when I try to, it keeps on expanding the width of the whole html, which is wrong. Any suggestion about how to go about it will be welcome. Thanks
@ivcpPosted over 2 years agoTry positioning the image to the right with 'transform: translateX(30%)' and setting the main element to 'overflow:hidden'
0 - @aproskurSubmitted over 2 years ago
It is very useful task to understand the basics of interacting with APIs! Helped me to understand javascript promises, using fetch API, async and await functions. Hope I've done it correctly
@ivcpPosted over 2 years agoNice! Also, I would set the cursor to pointer on the dice button
0
