3-column preview card using mobile-first css, flexbox

Community feedback

• 

  Giovanni Ruberto•260

  @RabberpoliPosted over 1 year ago

  Hi! Congratulations on completing this challenge! Talking about your questions:

  • The solution you provided is fine, not the best efficient I guess, because of the several ALT+TABs. But it's still fine to get similar result
  • Another solution could be: you get your index.html on a chrome page and, at the same time, on another chrome page you can have the desired output screenshot. Once you have these 2 web pages you can split your screen in half: on the left the first web page and on the right the second one. Alhough this is not the best practice either, it prevents you from clicking several times combination of your keyboard. The best one would be having the figma prototype, which is not available on free plan.

  By the way, I would suggest that the purpose of these challengese, here on frontend mentor, is not to get mad at getting the exact result pixel-by-pixel. Instead, the most important thing is to get max quality out of your project, no matter if they smaller/bigger/wider than the original; providing best quality code will be better than focusing on pixels

  After all, you did a great job on this challenge! Just keep going and happy coding!

  Marked as helpful

  0