Design comparison
Solution retrospective
My first landing page ever, super happy with the progress.
What specific areas of your project would you like help with?Can anyone guide what's the ideal way to scale up that big computer image on bigger layouts? For me, it wasn't big enough even at width: 100% so I had to force it to get bigger using min-width:130%
Community feedback
- @Lo-DeckPosted about 1 month ago
Hi well done for this challenge,
I'll give this link you check out the mistake for HTML and CSS. 3WC validator.
For a
section
andarticle
, you need to use ah2
withp
or else, here you can use adiv
:<section class="img-wrapper"> <img src="images/image-computer.png" alt="a computer's screen showing ocean water" class="computer-img"> </section>
<div class="img-wrapper"> <img src="images/image-computer.png" alt="a computer's screen showing ocean water" class="computer-img"> </div>
After for the image you can play with
position: absolute
, or set adiv class='image'
and use thebackground
property in CSS to resize it.Have you tried a
width: xxxrem;
, in%
you set a width depending on the parent container.And look at the priority's property on the CSS for the image it can be tricky.
Hope to be helpful.
Marked as helpful0@bajwacodesPosted about 1 month ago@Lo-Deck
Sir do you mean only use section or article if theres an h2 with p inside or else use the div?
Thanks for image tip, i'll try it now
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord