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

flex page with social icons and js actions

rafi b 280

@raficode2303

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


What are you most proud of, and what would you do differently next time?

1)shwoing the X logo and using the twitter logo as backup. 2) using flex only without grid. next time i try only grid.

What challenges did you encounter, and how did you overcome them?

  1. how to make css tooltip CSS tooltip
  2. how to use a default image when the wanted image is 'no found' for any reason How to apply a default image URL to an image tag with JavaScript
  3. how to allow a specific item to overcome overflow: hidden;? i used position: fixed;
  4. how to change img/svg color? i used background-blend-mode: color-dodge;

What specific areas of your project would you like help with?

Discover easy-to-follow strategies for improving code quality and learning.

Community feedback

Alaa Gaber 160

@3laagaber

Posted

Good job .

0

rafi b 280

@raficode2303

Posted

@3laagaber thanks.

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