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,JavaScript

Dcatnis 220

@Dcatnis

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


HI, here I use some JS any comment are wealcome!

Community feedback

@analuzcervantes

Posted

Hi! 👋

Your solution is amazing!

Just a tip, did you see that white border in the background? To fix it change your background-color in the body

Also try to fix the HTML accessibility report

Be well, keep coding! 💻👾

2

Dcatnis 220

@Dcatnis

Posted

@analuzcervantes hi,I will try to change and thank you for your review I really appreciate this :)

1

@Esesosa-max

Posted

you tried but you got some things wrong. 1 the width of the card should be longer 2.You should have given the body element a margin 0 px. 3. in mobile view you have a scroll bar and the scroll bar messes up your layout to remove this , do overflow-x:none; on the body element. it will get rid of the annoying scroll bar. And i did this challenge on my youtube channel check it out here is the link Link And subscribe Please.

1

Dcatnis 220

@Dcatnis

Posted

Hi @Esesosa-max thank you for your comment

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