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

HTML ,CSS and javascript

@faraz343

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Help needed . Please check the active state of the design . There is a flaw when we resize from computer to mobile.

Community feedback

@Dishock

Posted

Cool, content nicely done, wrapper could use some help I guess?

To get this nice white box for content do: Place the content inside div.card-wrapper in index.html, if it's not there already. Do .card-wrapper { background-color: #fff; padding: 2rem; }

To center everything do: body { display: grid; height: 100vh; place-items: center; }

To give it a nice background color do: html { background-color: hsl(colorcode); }

Keep hustling ;)

0

@faraz343

Posted

@Dishock Thanks for the help

0

@ldantas-s

Posted

obviously you are in the begin, but continue trying you get it. that is a great site w3schools.com

0

@faraz343

Posted

@ldantas-s Thank you for help

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