Hariom• 30
@DevHarry066
Submitted
Found difficulty in centering the container. I am unsure of margin padding spaces.
Sadeep Ariyarathna
@elemenceOR
All comments
- Sadeep Ariyarathna• 120
@elemenceOR
Posted
try
min-height: 100vh;in the flex container. So it will look something like this.body { background-color: rgb(223, 231, 238); display: flex; justify-content: center; align-items: center; min-height: 100vh; }Marked as helpful
0 - Moritz Rose• 90
@moritzrose
Submitted
1.) If you could tell me, how to make the Font-Family Outfit bold, please tell me. I had to use Open Sans, cause Outfit doesn't work with font-weight: bold/900; 2.) Is there a unit, to make the size of containers etc. suitable for smaller/bigger devices - to make it responsible? I feel like I got lucky, that my container perfectly fits the mobile-version width and height, but I want to be in control of that.
Sadeep Ariyarathna• 120@elemenceOR
Posted
Hey Moritz, did you include the weigh 900 when you selected fonts from google font? the import should look something like this,
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&family=Outfit:wght@400;700;900&display=swap" rel="stylesheet">0 - Anosha Sohail• 200
@AnoshaSohail
Submitted
All suggestions are welcome! If you have any kinda thoughts, or feedback, please feel free to share them. :)
Sadeep Ariyarathna• 120@elemenceOR
Posted
You did a good job. But there are few things you can improve.
- the numbers inside the circles are not properly centered.
- gap between the circles and the paragraph is not there.
Good luck.
Marked as helpful
0
