Responsive design using CSS and HTML

Community feedback

• 

  Riadh•40

  @rriadhhPosted almost 2 years ago

  try this .main-element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }

  Marked as helpful

  0

  ---

  

  Marta•20

  @missmbalaPosted almost 2 years ago

  @rriadhh this worked, thank you :)

  0

  

  Riadh•40

  @rriadhhPosted almost 2 years ago

  @missmbala no problem, and good luck

  0
• 

  Favour•2,160

  @Nadine-GreenPosted almost 2 years ago

  HEY MARTA About your problem with centering the .flex-container, what you can do is give the body a display of a grid and then use the code place-items: center;.

  If you find this helpful, don't hesitate to upvote my feedback

  HAPPY CODING!

  2
• 

  Icaro Mendes•240

  @icaroMendes777Posted almost 2 years ago

  For your first challenge it is ok,

  Centering a div is one of the jokes about starting html and css, the two main ways nowadays are flexbox and grid. there are many articles about it online, like this one:

  https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/

  also have a look for typography, the font used, there are espacifications about which one to use in the MD files that come with the project. But the main thing is to notice that the original is a sans-serif font (has no pointy edges on the characters).

  these are the basics, hope you have a lot of fun coding!

  2
• 

  Els G•180

  @elsgoossensPosted almost 2 years ago

  This looks ok. I am new to this too.

  I hope to add just a little thing at least: One thing I think is good practice is to write for font-family 'Outfit', sans-serif; instead of 'Outfit'; so if Outfit would not work for any reason there is a fallback. Besides that, keep going, doing great !

  0