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

Mobile first approach using Sass

@dralm3ida

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


Hello,

Any feedback of improvements or alternative better approaches to the problem is much appreciated.

Thank you

Community feedback

P
Patrick 14,265

@palgramming

Posted

you need to check your social icon popup as it changes between desktop and mobile. you are using two different elements but you might want to just transition one element to be the popup for all view-port sizes. Cause right now at time both are visible on your project at the same time

0

@dralm3ida

Posted

@palgramming, thank you for your feedback. Yes, I am using 2 different elements for social media. Is that approach wrong? When I open the live link I cannot see both elements at the same time, can you elaborate on that? Thx

0
P
Patrick 14,265

@palgramming

Posted

@r0drig

  1. open the site and get it in mobile view.
  2. click the button to open social links
  3. transition the view to desktop
  4. click the social link button again

you need to make the social links one element that transitions between the different views but their might be other ways to solve the problem

0
P
Patrick 14,265

@palgramming

Posted

@r0drig Looks good

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