Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Clipboard Landing Page

@bajwacodes

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

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

P
Lo-Deck 2,460

@Lo-Deck

Posted

section or article needs a h2 or h3 I mean a title, look with the 3wc validator it explains the mistake. If there is no other choices use a div but a section need a title. MDN. It's not obligaory but it's good practice for SEO.

Marked as helpful

0
P
Lo-Deck 2,460

@Lo-Deck

Posted

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 and article, you need to use a h2 with p or else, here you can use a div :

<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 a div class='image' and use the background 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 helpful

0

@bajwacodes

Posted

@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 GitHub
Discord logo

Join 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