Khadija Hashmi• 200
@khadijahashmi2
Submitted
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.
Kaasfeetje
@Kaasfeetje
All comments
- Kaasfeetje• 190
@Kaasfeetje
Posted
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
@Surgetin
Submitted
I have no clue why my bottom section is not centered equally.. Any suggestion is deeply appreciated :)
Kaasfeetje• 190@Kaasfeetje
Posted
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
