Skip to content
OverviewSolutions
11
Comments
4
Sahorri
@Sahorri

All comments

  • Sahorri•120
    @SahorriSubmitted over 1 year ago

    Hello,

    Someone can help me with my background. I don't understand how to make it responsive. When I resize my viewport the image disappear.

    Thanks :)

    Profile-card-component

    2
    Sahorri•120
    @SahorriPosted over 1 year ago

    I rewrited my code and I use the solution with the pseudo selector ::before and ::after

    body::before, body::after {
    position: absolute; 
    content: ''; 
    width: 100vw; /
    height: 100vh; 
    background-size: auto;
    transform: translate(-50%, -50%);
    z-index: -1; 
}

body::before {
    top: 0; 
    left: 0;
    background: url("images/bg-pattern-top.svg") no-repeat bottom right;
}

body::after {
    top: 100%; 
    left: 100%;
    background: url("images/bg-pattern-bottom.svg") no-repeat top left;
}
    0
  • Sahorri•120
    @SahorriPosted almost 2 years ago

    Where is my image ? In my brownser I see it !

    0
  • Sahorri•120
    @SahorriSubmitted almost 2 years ago

    Hello everobody,

    • I'm a total (French) beginner. I started to learn to code about 2 months ago in total autodidact.
    • I created several versions of this project, first focusing on HTML and CSS to understand deeply the concept of Flexbox.
    • Then I integrated new elements as I went along, the last one being the responsive one to stick as close as possible to the solution.
    • I know my code is far away to be perfect.
    • I had a one question, why on the desktop display, my image and my text container are not the same height?

    Thank you for your feedback which I'm sure will help me to progress!

    Responsive Card Component Preview

    2
    Sahorri•120
    @SahorriPosted almost 2 years ago

    I find the problem. I have to add "display:block" to my image.

    0
  • Sahorri•120
    @SahorriSubmitted almost 2 years ago

    Hello everobody,

    • I'm a total (French) beginner. I started to learn to code about 2 months ago in total autodidact.
    • I created several versions of this project, first focusing on HTML and CSS to understand deeply the concept of Flexbox.
    • Then I integrated new elements as I went along, the last one being the responsive one to stick as close as possible to the solution.
    • I know my code is far away to be perfect.
    • I had a one question, why on the desktop display, my image and my text container are not the same height?

    Thank you for your feedback which I'm sure will help me to progress!

    Responsive Card Component Preview

    2
    Sahorri•120
    @SahorriPosted almost 2 years ago

    Someone to answer to my questions ?

    I had a one question, why on the desktop display, my image and my text container are not the same height? They seem to be offset, impossible to put them in front of each other even with the same height.

    Thanks.

    0