Looking to hire developers?
@JoelLH
@MOSCOW2022
Submitted
hello guys so my only issue here is i didnt know how to make the hover effect on the image apear and the icon i try to do like : img:hover{ background-image:url('the url");} and i added the background to cyan but it didnt work if someone know how to implement it please tell me.
thank you for the answers
@JoelLH
Posted
Hey good job! I did it this way:
Marked as helpful
@BenChi3D
Submitted
I would like to know how I can make an image responsive and scale with the screen size of a device, that gave me issue. Thanks
@JoelLH
Posted
Hey Great Job!. For the images you can use a combination of min-width, max-width and width.
-max- width: sets the maximum width example: 600px;
Marked as helpful
@TomoFromEarth
Submitted
From the images provided it seems to me that the width of the button dictates the width of all the text items, or at least the max width. I wasn't able to really get it to do that. I am happy with my layout, I think it is pretty close but it breaks because of the button lol. I can't help but feel like I am making these way more complicated than they need to be haha. HELP lol
@JoelLH
Posted
Hey! looks great to me. A way around is to take the main text element and set the padding to that element, then set width: 100% to all of its children, that way all of the elements will be the same size and u wouldnt have to add a lot of padding to ur button. i hope this helps Great job! happy coding
Marked as helpful
@rezokip
Submitted
Another Challenge nearly done..
Cannot find a way to fit the Image inside the parent on the desktop-version. Any help there?
And maybe any tipps on writing cleaner code? I think i make things more complicated then it needs to...
Appreciate any help.
Thanks.
@JoelLH
Posted
Hey there, for the image, what you can do its remove object fit and use height 100% that will make the image strech to the size of the parent Also you are using the image for mobile version there's another image for the desktop version that will fit better. It has to change when you move from mobile to desktop.
Good job, happy coding
Marked as helpful
@RicardoFuentes437
Submitted
What do you guys think about the responsiveness? What do you think about the visual aspect of the page? does it look good? What are some practices that you think can be improved?
@JoelLH
Posted
Hello, overall looks great! Good job. I have a couple of issues with the live site tho:
Did u use breakpoints for the container div? U can use width: 100% so u can get rid of the breakpoints and it will do a better job.
Theres a wierd glicth going on with the img overlay it looks like its flickering, not sure if it is my computher
Marked as helpful
@djeinarsson
Submitted
Hello, I have a question about how to make this site responsive for desktop and mobile devices. Thank you a lot.
@JoelLH
Posted
Hey, u can use a Media Query, u can set rules that activate when a device screen gets to a specified width. You can learn more in this video: https://www.youtube.com/watch?v=yU7jJ3NbPdA. Good work, happy conding!
Marked as helpful
