Article Preview Card - Mobile First Approach - HTML/CSS/JS

Community feedback

• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  100% going to mobile to desktop is easier once a person gets out of the desktop first mindset. It did take me a while to grasp it till I saw how adding CSS properties is easier than removing them

  while not the same as the design specs any changes you made look good and does not change the overall functionality and intent of the design

  Ido think you should try to create the desktop popup shape for for the experience cause it is good to now how to transition the popup to become two different things

  1

  ---

  

  Raghav Kapur•215

  @codingkapurPosted over 3 years ago

  @palgramming I definitely want to make that pop up and the concern arose in my mind as well. But I couldn't make it over ride the overflow:hidden on the main container. And I tried this when I tried desktop first. So eventually after pulling my hair out for some time, I decided to restart and just do the best i could.

  Any input on how to override the overflow: hidden would be appreciated though! Thanks!

  0

  

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  @codingkapur my code might not be the best but you can at least see how I did it and it might give you ideas how you want to do it https://www.frontendmentor.io/solutions/article-preview-component-RhXY5s5Pl

  0
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hey, Raghav Kapur! 👋

  Nice work on this challenge! 🙌

  I'd just like to suggest adding a favicon and title to your page. 😉 And perhaps adding cursor: pointer so the social media popup button. 🙂

  When it comes to responsive design, the mobile-first approach definitely makes things easier in many situations (and works well for larger projects, too). I'd recommend trying it out more in future projects (since that'll help you become more comfortable with the workflow). 👍

  Keep coding (and happy coding, too)! 😁

  0