All comments

• 

  CoreJS• 70

  @CopperMX

  Submitted about 1 year ago

  

  Stats Preview(sass, grid y flexbox)

  #sass/scss#vanilla-extract

  2

  4

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how you can make the image purple:

  In the HTML

  <picture></picture>
  

  In the CSS

  picture{
       background: url("../images/image-header-mobile.jpg");
       background-color: hsl(277, 64%, 61%);
       background-blend-mode: multiply;
  }
  

  I hope it helped.

  0
• 

  Raul Lennon Gonçalves Almeida• 210

  @luarxx

  Submitted about 1 year ago

  

  stats-preview-card-component-main

  2

  3

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how you can make the image purple:

  In the HTML

  <picture></picture>
  

  In the CSS

  picture{
       background: url("../images/image-header-mobile.jpg");
       background-color: hsl(277, 64%, 61%);
       background-blend-mode: multiply;
  }
  

  I hope it helped.

  Marked as helpful

  0
• 

  Ola• 520

  @Great-kiola

  Submitted about 1 year ago

  

  Stats-preview-component

  #accessibility

  1

  2

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how you can make the image purple:

  In the HTML

  <picture></picture>
  

  In the CSS

  picture{
       background: url("../images/image-header-mobile.jpg");
       background-color: hsl(277, 64%, 61%);
       background-blend-mode: multiply;
  }
  

  The <p> you can include a opacity: 60%; to make it more like the project.

  I hope it helped.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  JViktorija• 40

  @JViktorija

  Submitted about 1 year ago

  

  Responsive landing page using HTML and CSS

  1

  5

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how you can make the image purple:

  In the HTML

  <picture></picture>
  

  In the CSS

  picture{
       background: url("../images/image-header-mobile.jpg");
       background-color: hsl(277, 64%, 61%);
       background-blend-mode: multiply;
  }
  

  The <p> you can include a opacity: 60%; to make it more like the project.

  I hope it helped.

  Marked as helpful

  0
• 

  Łukasz• 130

  @Lukaszwebster

  Submitted about 1 year ago

  

  stats-preview-card-component

  2

  5

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how you can make the image purple:

  In the HTML

  <picture></picture>
  

  In the CSS

  picture{
       background: url("../images/image-header-mobile.jpg");
       background-color: hsl(277, 64%, 61%);
       background-blend-mode: multiply;
  }
  

  The <p> you can include a opacity: 60%; to make it more like the project.

  I hope it helped.

  Marked as helpful

  1
• 

  Ragu-The-Developer• 120

  @Ragu-The-Developer

  Submitted about 1 year ago

  Here i am created an stat card using HTML & CSS with flexbox also here some doubts is how we can create an html tag that have image and contents look same and in same line and what properties must be used? also the image color which didn't change.

  

  Stat Card Using HTML & CSS With FlexBox

  1

  4

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how you can make the image purple:

  In the HTML

  <picture></picture>
  

  In the CSS

  picture{
       background: url("../images/image-header-mobile.jpg");
       background-color: hsl(277, 64%, 61%);
       background-blend-mode: multiply;
  }
  

  The <p> you can include a opacity: 60%; to make it more like the project.

  I hope it helped.

  0
• 

  Bárbara Damasceno• 320

  @barbaradamasdev

  Submitted about 1 year ago

  Please give me your feedback, it'll help a lot. Thank! :)

  

  Order summary card

  1

  2

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello DEV,

  Your site is very good, I just noticed that you didn't put the background waves. In my case I used a Wave generator on the internet, follow the link, and I put this background .svg image in my body.

  Any doubt you can call me.

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  MHAA• 50

  @MHA2001

  Submitted about 1 year ago

  

  QR code

  2

  3

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how to align your card. your card its not inthe middle of the page. For that you need to put in your .body this part

  min-height: 100vh;
  

  and remove the:

  padding-top: 5%;
  

  I hope it helped.

  0
• 

  Hassan-Habib• 10

  @Hassan-Habib

  Submitted about 1 year ago

  

  QR code pc

  2

  3

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how to align your card. In your body put this code:

  display:grid;
  place-items:center;
  min-height: 100vh;
  

  You can use Flex Grid to align the card to.

  I hope it helped.

  Marked as helpful

  0
• 

  Simeon Nkwachukwu C.I• 10

  @somop0

  Submitted about 1 year ago

  While coding I had some issues my images where loading in my vs code but it wasn't loading in my live url

  

  landing page using border radius css specifity

  2

  8

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how to align your card. In your .body put this code:

  display:grid;
  place-items:center;
  min-height: 100vh;
  

  You can use Flex Grid to align the card to.

  In your code try to use <h1>, <h2> and <p> to have a better code other than use just the <span>

  I hope it helped.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Raghda19• 100

  @Raghda19

  Submitted about 1 year ago

  All feedback is welcome thanks in advance

  

  QR-code-component

  2

  6

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how to align your card. In your .body put this code:

  display:grid;
  place-items:center;
  min-height: 100vh;
  

  You can use Flex Grid to align the card to.

  I hope it helped.

  0

  This comment has received 1 replyShow
• 

  uisufian• 10

  @uisufian

  Submitted about 1 year ago

  

  Product preview card component

  1

  3

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tip on how to center your card. In your .body put this code:

  display:grid;
  place-items:center;
  min-height: 100vh;
  

  You can use Flex Grid to align the card to.

  I hope it helped.

  1
• 

  vertig0o• 100

  @vertig0o

  Submitted about 1 year ago

  align is annoying

  

  CSS

  2

  4

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Here are some tips on how to align your card. In your .body put this code:

  display:grid;
  place-items:center;
  min-height: 100vh;
  

  You can use Flex Grid to align the card to.

  I hope it helped.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  BytePack• 270

  @bytepack

  Submitted about 1 year ago

  

  Results summary component

  1

  3

  0

  

  George Bleyer• 280

  @georgebleyer

  Posted about 1 year ago

  Hello,

  Congratulations on completing this challenge. Your design is very nice and clean, for me it was better than the original version.

  1

  This comment has received 1 replyShow