Skip to content
OverviewSolutions
8
Comments
2
Kaasfeetje
@Kaasfeetje

All comments

  • Khadija Hashmi•200
    @khadijahashmi2Submitted over 2 years ago

    I've done the mobile section, but i don't even know where to begin with the desktop version. a point in direction would be very helpful.

    social proof section

    1
    Kaasfeetje•190
    @KaasfeetjePosted over 2 years ago

    Put a div around the 3 ratings, give the middle one x amount of margin and then the bottom one a bit more margin. Put a div around the title and pitch align everything to the left. Add a div around the new 2 divs you created and set it to display:flex; and justify-content:space-between; and probably align-items:bottom.

    Then on the testimonial of colton and irene, add some margin (colton the most). Set the testimonial display:flex;

    To add different styles when on different screensizes use @media (min-width: screensize){} where screensize is the size of the screen you want the styles inbetween the parentheses to be active.

    Marked as helpful
    1
  • Mate•350
    @SurgetinSubmitted over 2 years ago

    I have no clue why my bottom section is not centered equally.. Any suggestion is deeply appreciated :)

    Single price grid component

    3
    Kaasfeetje•190
    @KaasfeetjePosted over 2 years ago

    Instead of using 'grid-columns:2;' on your container use 'grid-template-columns: 1fr 1fr;'. This makes it so both columns are the same size.

    Marked as helpful
    1