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

This a solution Article Preview Component challenge

@NabilWasir

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


Don't forget to tell me if something is wrong in my code or if I can improve my code and give your opinion/feedback.

Community feedback

@Errorman2003

Posted

Hey Nabil, whilst your solution looked great, I however noticed that you used px and now your solution isn't fully responsive on some mobiles changing you width units to % percentages would go a long way

example you could do

.main-container {
  width: 60%;
}
0

@NabilWasir

Posted

@Errorman2003 Thanks for your feedback. But I have tested the website in various screen sizes from small phones to bigger ones and even for tablets, it is working perfectly in old and new phones.

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