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

Product preview card component

Žydrūnas 150

@ZLikas

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


Hi, willing to get any advice about my code, my first project, hopefully, one day will become a web developer :) Hardest part was media query :o

Community feedback

Finney 3,030

@Finney06

Posted

For the accessibility issue cover the attribution tag with a footer element

Marked as helpful

1

Žydrūnas 150

@ZLikas

Posted

@Finney06 Hi, thanks, I already fixed it.

0
Finney 3,030

@Finney06

Posted

-For the image you could have embedded it in the CSS code as a background-image so it will be a lot easier to change the background image in the media query section for the mobile image.

-You can cover the image and text section with one div tag and set its width to 100% so you can now set the image div to 50% and the text div to 50% so it will divide the two divs equally.

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