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

Visual studio code

#animation
benjamin 40

@benj0s85

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View Challenge

Design Comparison

SolutionDesign

Reports

Accessibility report (2)
warning

Document should have one main landmark

<html lang="en-US">
Learn more
warning

All page content should be contained by landmarks

<div class="container-lg px-3 my-5 markdown-body">
Learn more

benjamin’s questions for the community

Je ne suis pas sur du responsive ainsi que de la sauvegarde de mes fichiers dans le GitHub

Community Feedback

@Aliyu-Saidu

Posted

Great work @benj0s85. However, here are some tips to help you fix some of the problems at hand and to also help you improve in your subsequent challenge!

  • looking at the your live site, it is like you have put a wrong link. Please consider reading how to submit your work this Frontend mentor website.
  • another look at your codes, it was like you did two separate designs (mobile and desktop). This means you need read more on responsive design in w3schools (https://www.w3schools.com/html/html_responsive.asp) or use either CSS Flexbox or Grid.
  • You could also check the solution of my work as a reference. If you have any questions or clarification, please feel free to contact me.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Slack logo

Join our Slack community

Join over 160,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!