Muhammad Awais

Latest comments

• 

  Asia Ashraf•360

  @asia272Submitted 16 days ago

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

  I am proud of successfully implementing a clean and responsive design while ensuring accessibility. The card layout adapts well to different screen sizes. Next time, I would focus more on optimizing the CSS structure and improving performance by reducing unnecessary styles.

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

  I would appreciate feedback on my approach to structuring CSS—whether it’s efficient or if there are better ways to organize styles. Also, any suggestions for improving responsiveness, particularly for small mobile screens, would be valuable.

  

  Social-links-profile

  3

  60
  

  Muhammad Awais•1,100

  @muhammadawaislaalPosted 1 day ago

  you are future enterpenure

  Marked as helpful

  0
• 

  Asia Ashraf•360

  @asia272Submitted 13 days ago

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

  I’m proud of integrating an API into my React app and making it dynamically fetch random advice.

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

  I had issues positioning the advice button at the bottom center of the card. Solution: I used position: absolute;, left: 50%;, and transform: translateX(-50%); to center it properly.

  

  Advice Generator App using React & API Integration

  1

  80
  

  Muhammad Awais•1,100

  @muhammadawaislaalPosted 1 day ago

  you are so close to success

  0
• 

  Asia Ashraf•360

  @asia272Submitted 10 days ago

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

  I'm proud of successfully implementing dynamic theming using CSS variables and JavaScript. It was exciting to see how CSS variables could be manipulated with JavaScript to provide a seamless user experience. Next time, I would optimize the JavaScript code further to make the theme toggling even more efficient and scalable.

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

  Applying multiple themes with CSS variables → Used :root variables and dynamically switched themes via JavaScript. Implementing a safe calculation function → Avoided using eval(), instead used match() to extract tokens and processed calculations step by step. Handling division by zero → Added error handling to prevent mathematical errors and displayed appropriate error messages.

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

  Any feedback would be appreciated.

  

  Interactive Calculator with Theme Switching

  #pure-css

  2

  100
  

  Muhammad Awais•1,100

  @muhammadawaislaalPosted 1 day ago

  its fantastic

  1
• 

  Asia Ashraf•360

  @asia272Submitted 10 days ago

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

  I would love feedback

  

  QR Code Component

  #pure-css

  2

  100
  

  Muhammad Awais•1,100

  @muhammadawaislaalPosted 1 day ago

  very good

  0
• 

  Asia Ashraf•360

  @asia272Submitted 9 days ago

  

  Blog Preview Card

  #pure-css

  2

  90
  

  Muhammad Awais•1,100

  @muhammadawaislaalPosted 1 day ago

  Adding a border-radius to your but soo good

  0
• 

  Asia Ashraf•360

  @asia272Submitted 8 days ago

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

  ** Problem Faced ** Initially, aligning the testimonial cards correctly was challenging. The layout was not responsive, causing elements to misalign on different screen sizes.

  To solve this issue, I implemented CSS Grid:

  • Used grid-template-areas to structure the layout efficiently.
  • Assigned grid-area values to each card for precise positioning.
  • Applied gap: 1rem; for proper spacing.
  • Used media queries to ensure mobile responsiveness.

  

  Testimonials Grid Section

  2

  110
  

  Muhammad Awais•1,100

  @muhammadawaislaalPosted 1 day ago

  soo good

  0