Abhi

Latest comments

• 

  ryanslabroom•170

  @ryanslabroomSubmitted 18 days ago

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

  Using JavaScript, something I am new to using. Next time I think I should make it so only 2 decimal places are available.

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

  Getting the calculate to update with a change of values. I added event listeners for "input."

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

  Ways to make code less redundant and more effecient.

  

  CSS Grid/Flex/JavaScript

  1

  00
  

  Abhi•490

  @abhi-zeroPosted 14 days ago

  Hey Ryanslabroom

  your calculator is working well! Just make sure that when you perform multiple calculations, the output doesn’t show 'Infinity' or 'NaN' when the inputs are empty or invalid. Also, consider refining the styles of your project. Good luck with your future projects!

  0
• 

  Azzy dvyastia kesuma•1,425

  @azzykesumaSubmitted about 2 months ago

  

  Ticket challenge

  #react#typescript#vite#framer-motion

  1

  20
  

  Abhi•490

  @abhi-zeroPosted about 2 months ago

  The layout looks good, and the validation is also working. I love the error message animation. Your project is totally complete and perfect. I think you should remove the 'drag and click to upload' text after the image is uploaded, so the user isn't confused about when they can change or remove their image.

  1
• 

  hasnatlubaid•130

  @hasnatlubaidSubmitted about 2 months ago

  

  Time-tracking-dashboard

  1

  00
  

  Abhi•490

  @abhi-zeroPosted about 2 months ago

  Don't worry, with consistent practice in CSS and JavaScript, you'll be able to create projects with ease.

  0
• 

  Soulchildpsalmy•60

  @SoulchildpsalmySubmitted about 2 months ago

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

  Happy to have understood the bento grid using this challenge

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

  aligning the cards in the container

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

  overall feedback is welcomed

  

  Responsive Bento Grid

  1

  20
  

  Abhi•490

  @abhi-zeroPosted about 2 months ago

  I don't have much to say because the layout is good and responsive, but when I squeeze the window, the layout breaks—meaning the cards overflow. This happens because the fonts aren't shrinking. To fix that, you can use clamp. It's easy to do, and you can check it out on YouTube. There are also some tools for clamp, like the Clamp Calculator.

  0
• 

  Abhi•490

  @abhi-zeroSubmitted about 2 months ago

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

  I think it's good that I completed this project using my skills, which are at a beginner level.I also added the functionality of a persistent cart using local storage.

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

  There were some problems during development, such as reverting styles to their initial state and clearing the quantity text displayed under the "Add to Cart" button. I resolved most of them by myself, though, to be honest, I did use GPT for a bit of help.

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

  Suggestions and feedback are accepted here—don't worry, I promise not to cry (much)!

  

  Product list with cart |HTML| |CSS| |JS|

  1

  20
  

  Abhi•490

  @abhi-zeroPosted about 2 months ago

  Can someone tell me why my web layout looks bad in the screenshots?

  0
• 

  John Q.•610

  @romrauqSubmitted about 2 months ago

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

  I'm glad to have finally picked up the basics of Grid styling

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

  I was unable to easily guide the grid positioning to use when looking at the reference design image so I drew lines on the image to help visualize the grid system to use.

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

  Any suggestions as to how to get the images within the grid to to match that of the design reference image are welcome.

  

  Bento Grid

  1

  40
  

  Abhi•490

  @abhi-zeroPosted about 2 months ago

  Hey John,

  I hope you're doing well. I'm a beginner, and I've also completed this project. I understand it can be a bit challenging to make it responsive, but it’s a great project for learning how grids and their styles work.

  Using multiple cells (a combination of rows and columns) is definitely a good practice. To position the images correctly, I had to use some tricks. While there might be better methods, here are the approaches I used:

  1. Modern CSS resets
  2. Use of margins and padding
  3. Setting min-height, max-height, min-width, and max-width properties
  4. Image-specific properties like object-fit, object-position, and object-size

  Note that these properties don’t work for background images. For those, you’ll need to use properties like background-size, background-position, and others.

  Suggestion: When working with grid layouts, you can simplify your code by using shorthand properties. For example, instead of writing grid-row-start: 2; and grid-row-end: 3;, you can use grid-row: 2 / 3. It’s shorter and easier to read, which can save time and make your code cleaner.

  I hope this helps, and I’d love to hear about any other methods you found useful!

  0