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

Only html and css with flexbox

Eddy Cerpa 145

@edycerpa

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my first attempt, it's hard to use visual studio code with github, i hope it works fine, sorry for my english

P.D. why is the screenshot looks so ugly, but if i go to the page it's fine?, in local it's fine, also in mobile it's fine

Community feedback

Tejas 265

@Tejas-117

Posted

Cool animation!! How did you do it??

Even I had a issue regarding screenshot for one of my solution, don't know why it happens.

0

Eddy Cerpa 145

@edycerpa

Posted

@Tejas-117 Hi Tejas, I think my issue is because I used a transition efect, so when the page is loading, it tooks the screenshoot before the transition ends.

0
P
Matt Studdert 13,611

@mattstuddert

Posted

@edycerpa that would be my guess too, Eddy! If you removed the transition and then re-took the screenshot it should look fine. You could then add the transition back in if you like 👍

Nice work on this challenge!

2
Eddy Cerpa 145

@edycerpa

Posted

@mattstuddert thanks a lot Matt

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