Basant Soni

Latest comments

• 

  Basant Soni•450

  @SoniBasantSubmitted over 1 year ago

  

  Intro component with signup form: Form validation using HTML, CSS, JS

  1

  60
  

  Basant Soni•450

  @SoniBasantPosted over 1 year ago

  You will see red colour border with exclamation circle when input is wrong.

  You will see green colour border with check mark circle when input is wrong.

  Also, password strength should be good. : )

  0
• 

  Ecem Gokdogan•9,380

  @ecemgoSubmitted over 1 year ago

  

  Responsive Single-Page Design Portfolio

  1

  121
  

  Basant Soni•450

  @SoniBasantPosted over 1 year ago

  This is great.

  How do you get exact sizes- padding, margin, font-size, width and most important height of the page?? Many of my challenges don't look good due to wrong sizes. Please help me out. : (

  1
• 

  jmahamed•370

  @jmahamedSubmitted almost 2 years ago

  

  Manage landing page

  2

  60
  

  Basant Soni•450

  @SoniBasantPosted almost 2 years ago

  Good work. 👏👏

  I am making same. So I don't have suggestions, I have questions if you please answer. 🙏

  • How do you get white footer logo and also head logo for fevicon. These are not in my download file. 🙁

  • I was given svg images for social media icons so having difficulty in changing colour on hover. And you used i icons. 😇 That's clever. But will be guide me how to change colours on hover while using svg. Till now no success.

  2
• 

  Ecem Gokdogan•9,380

  @ecemgoSubmitted almost 2 years ago

  

  Animated Advice Generator App with Dark/Light Mode

  #animation#fetch

  2

  352
  

  Basant Soni•450

  @SoniBasantPosted almost 2 years ago

  When I first saw this in comparison box, I thought why you did this!!

  Then I saw the that button and realized what you did there. 😀

  Colour selection for light theme is good.

  Good job. 👏👏

  PS: I need to follow some advice from advice generator. Also, need to make some projects in Frontend Mentor. 🏃‍♂️🏃‍♂️

  1
• 

  jimmehhuang•10

  @jimmehhuangSubmitted about 2 years ago

  

  QR Code Component with ReactJS/Vite and TailwindCSS

  #tailwind-css#vite#react

  2

  50
  

  Basant Soni•450

  @SoniBasantPosted about 2 years ago

  Hi, Mate. 🙋‍♂️

  Your project is looking good.

  As for the question of flex OR grid, I recommend -

  • Flex-box when you have components in one line either in one row or one column.

  • Grid for more than one line. You will have rows and columns which are easy to handle in grid.

  Hope this is helpful. 🙂

  1
• 

  Obiechina Chiedozie Jeffery•20

  @ObiechinaJefferySubmitted about 2 years ago

  

  QR code Card With Bootstrap

  #bootstrap#styled-components

  1

  50
  

  Basant Soni•450

  @SoniBasantPosted about 2 years ago

  Hi, 👋 Your project is good.

  As for your question of center a div-

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

  Use above code in body.

  Remove min-height: 100vh; if using elsewhere.

  • Use text-align: center; in p and h5

  • Change h5 to h1 as one heading is necessary.

  • Wrap your div of class="card" in <main></main> tag to remove landmark error.

  • Wrap your div of class="attribution" in <footer></footer> tag to remove landmark error.

  Hope I am helpful. 🙋‍♂️

  Marked as helpful

  0