Results Summary using CSS Flexbox

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted 11 months ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  HTML :

  • You have used div instead of button like semantic element. So please do consider to update your button like this,

  <button class="continue-button-container ">
     Continue
  </button>
  

  • And for now you haven't declared hover state gradient background has not yet.

  ---

  • Just add the following css rules

  continue-button-container :hover {
      background: linear-gradient(#6542FE, #342CE2);
  }
  

  ---

  • If you have any questions or need further clarification, you can always check out my submission and/or feel free to reach out to me.

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  0
• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello @huntdamann!

  Your project looks good!

  About your question:

  - If anybody could provide assistance on better sizing for containers that'd be greatly appreciated

  • For width: Don't use percentage or viewport width/height based values. This can cause bugs and make your card sometimes overgrow on bigger screens or not grow enough on smaller ones. Use max-width with fixed values, like pixels.

  • For height: Just add the content and let it adapt its height to fit the content inside of it. Most times, it'll be just the size it needs to be.

  I hope it helps!

  0