Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive design using SASS

Jeremy Azaโ€ข 105

@jeremyaza

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


Can I use many divs for the HTML structure?

Community feedback

Cat Ballarโ€ข 175

@catcarbonell

Posted

Sure, you can use many divs for structure--but do you really want to? Accessibility would be an issue there, especially if you're just using divs. Also, your back-end dev might not appreciate that. Also, try out making it responsive! The vast majority of users are mobile-only, so you should practice!

One thing I really liked was the implementation of the animated share bubble. I appreciated the smooth transition!

3

Jeremy Azaโ€ข 105

@jeremyaza

Posted

@catcarbonell Thanks for your words. It really helps me to improve. I'll go fix the mobile view ๐Ÿ˜Š

0
Alex Camachoโ€ข 205

@alexcamachogz

Posted

Good solution, but what happened with the responsive? You only have the desktop view so for me is incomplete. I think you should also do the mobile view.

1

Jeremy Azaโ€ข 105

@jeremyaza

Posted

@alexcamachogz Thanks. Yeah, It's responsive. I followed the instructions that are in the style-guide.

*The designs were created to the following widths:

  • Mobile: 375px
  • Desktop: 1440px

But, should I improve this?

0
Jeremy Azaโ€ข 105

@jeremyaza

Posted

@alexcamachogz Sorry, I was wrong. I'll go fix the mobile view. Thanks ๐Ÿ˜Š

1

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