All comments

• 

  Muhammadh•1,140

  @Mr-jawSubmitted almost 2 years ago

  13th Challenge completed

  A single Price Grid Component Using CSS Grid and Flex

  Any Feedbacks on improving my accessibility and semantic coding is greatly appriciated

  Solution GitHub: git-hub-repo

  Live Site: Live-site

  ThankYou! 😊

  

  Responsive Single price Grid Component using CSS Grid and Flex

  2

  50
  

  Sezimar Júnior•120

  @sezimarjrPosted almost 2 years ago

  it's not exactly feedback but your code is amazing it helped me understand some GRID concepts Thanks :D

  0

  This comment has received 1 replyShow
• 

  draj•120

  @visionedSubmitted almost 2 years ago

  

  Stats Preview Card Component

  3

  70
  

  Sezimar Júnior•120

  @sezimarjrPosted almost 2 years ago

  Amazing

  1

  This comment has received 1 replyShow
• 

  Sezimar Júnior•120

  @sezimarjrSubmitted almost 2 years ago

  Well, in this project I tried to do the challenge perfectly and that caused me some problems, mainly when positioning the stats using flexbox they were never aligned as they should, I had to use several positioning methods to leave them aligned as they should.

  I would heartily appreciate any tips or feedback on the code and how I would go about shortening it.

  

  Desktop Profile Card Component

  1

  60
  

  Sezimar Júnior•120

  @sezimarjrPosted almost 2 years ago

  Well, the first question is that the background works well on FULL HD monitors, but it distorts a lot in any other proportion, and here's another question. Would I solve it only with media queries?

  0
• 

  sleeepyskies•150

  @sleeepyskiesSubmitted almost 2 years ago

  Hey, I enjoyed this challenge, but have a few questions.

  • Is there a best practice when it comes to structuring the page? I find myself unsure when to use flexbox or grid.
  • How can I recreate the original background image? It looks like a gradient layered over the .svg file, but I am unsure how to approach this.

  Any advice or feedback is much appreciated, thanks!

  

  Order summary card using flexbox and grid

  1

  20
  

  Sezimar Júnior•120

  @sezimarjrPosted almost 2 years ago

  In most cases I prefer to use flex instead of the grid because I can work better with it, I really only use the grid for cases where I need to quickly organize several objects in a space.

  For the background you can set a general color for the html and here is an example html{ background: #e0e8ff; } and you can put the background image in the body, remembering that you need to use commands like background-size and background-repeat to adjust the screen size here is an example body{ background: url(/images/pattern-background-desktop.svg); background-size: 100%; background-repeat: no-repeat; }

  Marked as helpful

  1