Single price grid component using HTML5 and CSS3

Community feedback

• 

  P

  tediko•6,680

  @tedikoPosted almost 4 years ago

  Hello, Rayane! 👋

  Congratulations on finishing your first project here! I believe you are talking about .left and .right div right? If so remove width: 90% from .left-content then remove width: 50% from .left and .right and on both use flex: 1 property. This way your content aligns also vertically in these divs.

  If you want to see how I made this challenge, here is the link. Like most people here I also learn but maybe you will find something good for yourself.

  Good luck with that, have fun coding! 💪

  0
• 

  Jenny•40

  @jenny07007Posted almost 4 years ago

  Hi, I think you did a fantastic job! There're maybe lots of ways to solve the vertical-align problem, but in this case, you might just want to add couples lines of code to achieve your goal :)
  You can also play around with these lines of code in your browser using the inspector first, a quick way to see how they actually change the layout. Happy coding.

  // in css body
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  
  // in .container class  - remove `margin: 4% auto;`
  

  0