George Bleyer
@georgebleyerAll comments
- @CopperMXSubmitted over 1 year ago@georgebleyerPosted over 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 - @luarxxSubmitted over 1 year ago@georgebleyerPosted over 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 helpful0 - @Great-kiolaSubmitted over 1 year ago@georgebleyerPosted over 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 aopacity: 60%;
to make it more like the project.I hope it helped.
Marked as helpful0 - @JViktorijaSubmitted over 1 year ago@georgebleyerPosted over 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 aopacity: 60%;
to make it more like the project.I hope it helped.
Marked as helpful0 - @LukaszwebsterSubmitted over 1 year ago@georgebleyerPosted over 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 aopacity: 60%;
to make it more like the project.I hope it helped.
Marked as helpful1 - @Ragu-The-DeveloperSubmitted over 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.
@georgebleyerPosted over 1 year agoHello,
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 aopacity: 60%;
to make it more like the project.I hope it helped.
0 - @barbaradamasdevSubmitted over 1 year ago
Please give me your feedback, it'll help a lot. Thank! :)
@georgebleyerPosted over 1 year agoHello 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 helpful1 - @MHA2001Submitted over 1 year ago@georgebleyerPosted over 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-HabibSubmitted over 1 year ago@georgebleyerPosted over 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 helpful0 - @somop0Submitted over 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
@georgebleyerPosted over 1 year agoHello,
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 helpful0 - @Raghda19Submitted over 1 year ago
All feedback is welcome thanks in advance
@georgebleyerPosted over 1 year agoHello,
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 - @uisufianSubmitted over 1 year ago@georgebleyerPosted over 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