George Bleyer
@georgebleyerAll comments
- @CopperMX@georgebleyer
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.
- @luarxx@georgebleyer
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 - @Great-kiola@georgebleyer
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 helpful - @JViktorija@georgebleyer
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 helpful - @Lukaszwebster@georgebleyer
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 helpful - @Ragu-The-Developer@georgebleyer
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.
- @barbaradamasdev@georgebleyer
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 - @MHA2001@georgebleyer
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.
- @Hassan-Habib@georgebleyer
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 - @somop0@georgebleyer
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 - @Raghda19@georgebleyer
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.
- @uisufian@georgebleyer
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.
- @vertig0o@georgebleyer
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 - @bytepack@georgebleyer
Hello,
Congratulations on completing this challenge. Your design is very nice and clean, for me it was better than the original version.