Manish Singh

Latest comments

• 

  Zeref1028•10

  @Zeref1028Submitted 9 months ago

  What challenges did you encounter, and how did you overcome them?

  I have a little knowledge of media queries thats why im having a problem in that part where the container is not at the center eventhough i used, display: flex; justify-content: center; align-items: center; Although I wanted it to work with this code but it wont budge thats why I tried a different solution which is margin-top.

  

  Mobile-first solution using CSS Grid and Flexbox

  3

  50
  

  Manish Singh•230

  @manishsinghrajPosted 9 months ago

  Hi, Great Start!

  Though I don't see any valid links for site or code. But answer for your question is use min height as 100vh (view height)

  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  

  This is the usual pattern one can use to center.

  0
• 

  Mirodil_Boymirzayev•220

  @mirodiljondevSubmitted 9 months ago

  

  Grid Layout

  2

  20
  

  Manish Singh•230

  @manishsinghrajPosted 9 months ago

  Great work!!

  Just to keep content, center of the page view - use min-height: 100vh for the body element.

  display: flex; justify-content: center; align-items: center; min-height: 100vh;

  Marked as helpful

  0
• 

  Ridwan Hasan•400

  @Ridwan10000Submitted 9 months ago

  What are you most proud of, and what would you do differently next time?

  I am proud of using media queries. It switches design when device width crosses 450px.

  What specific areas of your project would you like help with?

  I would like to get help in making the box shadow. I could make it while building the project

  

  result-summary-component using HTML, CSS

  1

  50
  

  Manish Singh•230

  @manishsinghrajPosted 9 months ago

  Hi,

  You can try out box shadow generator

  https://www.cssmatic.com/box-shadow

  1
• 

  shalri•620

  @shalriSubmitted 11 months ago

  What are you most proud of, and what would you do differently next time?

  Creating a reusable TestimonialCard component was interesting, since the cards have distinct values. I had to make the component customizable. I tinkered with Tailwind's grid utility classes. I realized I have to practice this more often.

  What challenges did you encounter, and how did you overcome them?

  Tailwinds grid classes. I need to use it more to gain more familiarity. I went hard on the docs for this one.

  What specific areas of your project would you like help with?

  I'm all good for now. Just appreciating the free challenges.

  

  Responsive Testimonials Grid Section - React & Tailwind

  #react#tailwind-css#vite

  1

  30
  

  Manish Singh•230

  @manishsinghrajPosted 10 months ago

  Great work!

  I've learned a thing or two from your code approach.

  0
• 

  xarisVavl•130

  @xarisVavlSubmitted 11 months ago

  What are you most proud of, and what would you do differently next time?

  .

  What challenges did you encounter, and how did you overcome them?

  .

  What specific areas of your project would you like help with?

  .

  

  flexbox and grid

  1

  60
  

  Manish Singh•230

  @manishsinghrajPosted 11 months ago

  Good work!!

  0
• 

  Mesoma•140

  @mesoma-hubSubmitted 11 months ago

  What are you most proud of, and what would you do differently next time?

  Improving on my use of flexbox for alignment and responsiveness and also working with images a lot more better.

  What challenges did you encounter, and how did you overcome them?

  working with the image and making it span exactly half of the parent container.

  What specific areas of your project would you like help with?

  The heights and widths of the card, the paddings and margins used also the font sizes and line-heights and letter-spacings used.

  

  product-preview-card-component-main

  2

  50
  

  Manish Singh•230

  @manishsinghrajPosted 11 months ago

  Hi,

  For the desktop view, you might consider limiting the width of the card by using a max-width property. :)

  0