All comments

• 

  BossArifSanjaya• 20

  @BossArifSanjaya

  Submitted about 1 year ago

  how do you set the container so that its position is centered horizontally and vertically? how to make the container to be responsive correctly?

  

  html, css, bootstrap

  2

  20

  

  Somraj Mukherjee• 100

  @iamsomraj

  Posted about 1 year ago

  Hi,

  To center a container both horizontally and vertically using flexbox in CSS, you can apply the following styles to the container:

  .container {
  display: flex;
  justify-content: center; /* Centers horizontally */
  align-items: center; /* Centers vertically */
  height: 100vh; /* Set the container height to the full viewport height for vertical centering */
  }
  

  By using display: flex, the child elements inside the container will be automatically centered both horizontally and vertically.

  This approach centers the container's content regardless of screen size, making it responsive to various devices.

  I can see that you have used bootstrap. Personally, I would highly recommend using Tailwind. Let me know if you need any help.

  1

  This comment has received 2 repliesShow
• 

  nikkoedward• 80

  @nikkoedward

  Submitted about 1 year ago

  

  Rest Countries API With Color Theme Switch

  1

  20

  

  Somraj Mukherjee• 100

  @iamsomraj

  Posted about 1 year ago

  Hey Nikko Edward, really liked the implementation of Framer Motion for those transitions and movement.😍 Also, your code has motivated me to switch to Next 13. Any resources / courses to learn everything about the new features that you recommend?

  0

  This comment has received 3 repliesShow
• 

  jeansy42• 330

  @jeansy42

  Submitted about 1 year ago

  Feel free to share your opinions, any constructive feedback will be warmly received.

  

  Multi-step Form with React and responsive design

  1

  70

  

  Somraj Mukherjee• 100

  @iamsomraj

  Posted about 1 year ago

  Hi jeansy42,

  Loved your implementation. Would suggest make the whole form visible within the viewport. Also, for the plan section, plan cards are increasing in height (UI Jumping) when Yearly is selected. Having a min height can fix it.

  I have done the same challenge myself, too. Please suggest some improvements too.

  Marked as helpful

  0