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

preview card advertisement

@aweezzy

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This wasn't a hard project, but I think I need some feedback on my code. What did you notice about my project that could further my skills? Are there any better more efficient ways to format my HTML & CSS? Thank you!!

Community feedback

Frieden 260

@Amanmawar17

Posted

Hola amigos! try to add max width to class container. and half width to image div and text div. Your submission looks good on mobile device. Thank You .

Marked as helpful

0

@aweezzy

Posted

wdym half width? @Amanmawar17

0
Frieden 260

@Amanmawar17

Posted

@aweezzy there is a parent container that has some minimum or maximum width, so you have two child containers in it, try to give these child containers half-widths, by this they cover all width of the parent container.

0
Aimal Khan 2,260

@Aimal-125

Posted

Bro in your css code, give body and html elements height of 120 or 150vh by using media query with max-height: 500px; so that your card component becomes visible on small heighted screens as mine j3 mobile device.

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