Bishal Singh Deo🎮

Latest comments

• 

  Akherousin•210

  @AkherousinSubmitted about 1 year ago

  

  E-commerce App using Next.js 14 and Framer Motion

  #accessibility#next#react#framer-motion

  1

  31
  

  Bishal Singh Deo🎮•1,440

  @Bishalsnghd07Posted about 1 year ago

  I would say, it's an amazing project ever I seen. It's a pixel perfect, it's a responsive and everything you used that is needed in this project. I love it❤️

  0
• 

  6xg0d•210

  @6xg0dSubmitted about 1 year ago

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

  I'm proud that i did it without too much help. I struggle a little bit at the beginning trying to write a good semantic HTML. Maybe not the best, but sure have a clear expression of the content meaning. If i should have to do the project again, i think i'll start by sketching the structure on paper instead of trying to do it mentally. It's way easier to figure it out and gain more understanding of the problem when you write it down.

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

  The main problem to me was the semantic. After a while thinking if the semantic was good, i realize that the most important thing about semantics it's to make clear the meaning of content, and that there's more than just one "good way" to write semantic code.

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

  I'd like to know how can i optimize my code. what can i do to improve my solution in terms of accesibility and good coding practices

  

  QR code challenge solution

  2

  30
  

  Bishal Singh Deo🎮•1,440

  @Bishalsnghd07Posted about 1 year ago

  Hi, @6xg0d👋

  Congrats for completing this challenge🎉 and you did a good job👏

  In regarding to improve accessibility and best practices. There is a great tool in the browser that is called lighthouse testing tool. What you have to do is, you just have to right click on your web page, click on inspect option and then, you will see a lot of option and one of the option you will see that is lighthouse and just by clicking on it, you can test your performance of web page, best practices, accessibility, SEO and many more.

  This tool will enhance developer proficiency in development and decrease workload and increase efficiency.

  One, more thing I would like to recommend you to use this tool in every project to test your performance of web page. Make it a habit, it will help you in lot of things.

  Hope, this small tip will help you in your further projects too!

  Once again welcome to Frontend Mentor, wishing you a joyful journey ahead and Happy Coding❤️

  Marked as helpful

  1
• 

  Rudro032•20

  @Rudro032Submitted about 1 year ago

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

  I am proud that its my first project and i do it. when i want to style but i don't know where to start the styling. I learn about center a div and width: auto and max-width. I want help how to visualize my project where should start.

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

  to center a div. then i go to chatgpt and how to center a div .

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

  how to visualize and where should i start

  

  I used HTML and CSS

  1

  50
  

  Bishal Singh Deo🎮•1,440

  @Bishalsnghd07Posted about 1 year ago

  Hi, @Rudro032👋

  Congrats for completing this challenge🎉 and you did a great job👏

  As per my experience I would help you how to visualize and follow the path:

  1)First work on html and css basics & then create basics web page like this. Basics like, as you said how to center div, it's a good decision and good start.

  2)Second, if you don't know how to use flex or grid I would say learn it as soon as possible, to make center your div, to make web page responsive, to make pixel perfect. This all will be simply done by flex or grid, and it will maintain your code scalability too.

  3)Third, I will give you a 1 insight I would recommend understand the default behaviour of browser, someway your web page is by default responsive, just you have to analyse it, in which area or in which part of website is by default responsive, that's many people ignore it.

  4)Fourth, after learning basic html, css, grid, flex. Then, create a responsive or layout based project. One challenge in this frontend mentor website, which I did and it helps me a lot to understand and helps me to make layout responsive and I learn grid property so much in this challenge. And you can also try this 👉Social proof section

  And one more thing also the roadmap for frontend development has been given in discord channel of Frontend Mentor. You can follow that also, it will help you a lot to take the decision what to do next.

  Hope, this suggestions will help you in further projects too!

  Once again Welcome to Frontend Mentor, wishing you a joyful journey ahead and Happy Coding❤️

  0
• 

  Anastasia Ermolova•230

  @ankkielSubmitted about 1 year ago

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

  Any feedback is welcome. Thank you

  

  Huddle landing page using SCSS, BEM, GSAP

  #gsap#sass/scss#bem

  2

  100
  

  Bishal Singh Deo🎮•1,440

  @Bishalsnghd07Posted about 1 year ago

  Hi, @ankkiel👋

  I would just like to say Wow💓

  You design creation is wonderful. You gave the slow-motion animation it gives amazing experience. Great work👏

  1
• 

  h4sitha•130

  @h4sithaSubmitted about 1 year ago

  

  Single Price Grid Component

  1

  30
  

  Bishal Singh Deo🎮•1,440

  @Bishalsnghd07Posted about 1 year ago

  Hi, @h4sitha

  Congrats for completing this challenge 🎉 and you did a great job👏

  One adjustment should be needed might it be helpful:

  As I see your site in mobile screen not responsive, layout had been attached to the top and bottom, give some padding from top and bottom in <body> to make your layout as per the mobile view design given. By doing that, your layout looks better in mobile view too.

  Hope, this small tip will help you!

  Happy Coding❤️

  Marked as helpful

  1
• 

  Rodney•320

  @RodneyTakundaMadondoSubmitted about 1 year ago

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

  Thank you for taking time to view my solution to this challenge, all feedback is welcome and thank you again in advance.

  

  Single-Price-Grid-Component

  1

  60
  

  Bishal Singh Deo🎮•1,440

  @Bishalsnghd07Posted about 1 year ago

  Hi, @RodneyTakundaMadondo👋

  Congrats for completing this challenge 🎉 and you did great job 👏

  I'm in mobile now, so I have one suggestion related to that:

  1. Top Layout is attached from the top in the mobile view, which not looks similar as per the design given in mobile view. Give some padding in body tag so that Layout will be detached from the top and looks more responsive in mobile view.

  Hope, this small tip will help you!

  Happy Coding❤️

  Marked as helpful

  0