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

Article Preview component

Faruk 20

@milham123

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


Please i need your feedback on media queries and share button.

Community feedback

Sebastien 290

@Sebystien

Posted

Hey Faruk, looks like your .draw is not centered. Easy fix is to add vh height in the body selector, and some flex properties to center the box.

0

Faruk 20

@milham123

Posted

@Sebystien What about making it to mobile first.

0

@graceilol

Posted

Try doing something like media(max-width: 765px){ /* inside the curly braces is where you are going to write your CSS for screens with the width of 765px or less (you can change the value if needed )*/ } Hope that helped :)

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