I used the background-image property to create a card image and used the background-blend-mode property to blend color with an image but I faced a little problem with the width and height of the background image. I wonder if there is another way to do that using the IMG element.
it's fast to use bachground: the color the the url ; . and for this challenge it's best to to set the size of background img to cover , after you set the width and height of its container
challenging i must say
you can use overflow:hidden to hide any element that overflow from it's container .
If u like my work leave a like and comment :)!
Just completed this challenge, maybe I could refactor source or improve styles.
How good do you think my implementation is?
solid work .but if you make it to fit the screen without needing to scroll it will much better. I realize that the delete button is set as the same as the reset button. hey the code I used to make the delete button work : function del(){ var value=document.getElementById('screen').value; document.getElementById('screen').value=value.substr(0,value.length-1); }
This is my #2 FEM challenge as a beginner and feedback is highly appreciated. :)
Really good work I recommend to delete the div in the bottom or style it to not reflect in your design .
I struggled and get no where with trying to make the image in the intro to over flow to the top of the next container any advice or help??
Hey, I really struggled to put the big curve background image, if you can give me some tip how can I do it?
I done it by positioning the background image in the bottom of the intro div and set the bottom margin to zero and the div underneath it ,I gave it margin top zero and background color as the same as the curvy image.
I've done this challenge using React and SASS. I had some problems with the layout, as you'll see it is not responsive, it breaks if the width is not 375 or 1440px.
Feel free to manifest your opinion regarding the improvement of the solution.
try to add another media query min-width and max-width to make it more responsive I recommend to forget about the 375px and make it up to 600px it will help alot as you work in more challenges . but awesome work keep it up.
This practice was difficult for me. I think it could be better, but can you give me some recommendations. Thanks.
try to make it display flex the image and make a div that contain the header and the paragraph in the mobile veiw make it's flex-diraction:column ; and in the desktop veiw make it's flex-diraction:row ;
Everything looks right. The only thing I couldn't figure out was getting the eye or view icon to show in the middle of the image when hovering over it. If anyone can help with this, let me know.
you can insert the image as element to the html and make it's opacity:0; and position it absolute and make it at the top of the first image then at a: hover and in it make the opacity higher . don't forget to keep the good work.
The project need resizing to be more responsive . any other advice ??
Any feedback is welcome here!
There are some issues with the positioning of the crew imgs and the nav doesnot work when you are in the crew page and resizing will be good .
