Abdulrahaman Ridwan Ayinla

Latest comments

• 

  P

  Steven•180

  @stevensunaSubmitted 2 months ago

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

  • Responsive Design Techniques: Using CSS Grid and custom properties to adjust layouts on various screen sizes.
  • CSS Spacing and Theming: Implementing a mathematical progression for spacing (using variables like --space-md) and an accessible color scheme with HSL.
  • Git Workflow: How to revert changes safely when needed and maintain clear commit messages.

  

  Testimonials Grid Section Solution

  #accessibility

  1

  20
  

  Abdulrahaman Ridwan Ayinla•310

  @EleniyancodePosted 2 months ago

  great work

  0
• 

  P

  Steven•180

  @stevensunaSubmitted 2 months ago

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

  • Accessibility and Typography: I refined my approach to use rem for all typographic properties, which ensures better accessibility and scalability across different devices.
  • Box Model Precision: Using pixels for padding, margin, and borders provided more intuitive control over element spacing.
  • Effective Use of CSS Custom Properties: The adoption of HSL for colors and custom properties for design tokens improved maintainability.
  • Responsive Design: The mobile-first approach was essential. I ensured the design scales properly by using responsive breakpoints and semantic class names (following BEM).

  

  Four Card Feature Section Solution

  #accessibility#cube-css

  1

  20
  

  Abdulrahaman Ridwan Ayinla•310

  @EleniyancodePosted 2 months ago

  great work i love the way you structure the file i took a look at your css file and i saw you get a reset file, where do you get that, it is cool

  0
• 

  NADIR•30

  @nadirmdbSubmitted 8 months ago

  

  Product preview card using HTML & CSS - Flex Box

  #accessibility

  1

  10
  

  Abdulrahaman Ridwan Ayinla•310

  @EleniyancodePosted 2 months ago

  Nice code

  the page was responsiveness, no semantic html in your html code and as such it might not be accessible, i love the way you structured your css, it was clean and neat, all in all i rate the job 8.5/10, nice one, keep it up

  0
• 

  Malik Adil Ferooz•100

  @Student-AdilSubmitted 3 months ago

  

  Using HTML & CSS

  #accessibility

  1

  20
  

  Abdulrahaman Ridwan Ayinla•310

  @EleniyancodePosted 3 months ago

  great code i apprciate your work

  0
• 

  Jojo-onedev•320

  @Jojo-onedevSubmitted about 1 year ago

  

  Social links profile with css flexbox and responsive

  #accessibility

  1

  50
  

  Abdulrahaman Ridwan Ayinla•310

  @EleniyancodePosted 3 months ago

  great solution

  1
• 

  Juan Alberto•20

  @juanhastierSubmitted 3 months ago

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

  I feel very proud of having learned the basics of Astro and I would like to include React in my next projects.

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

  My biggest challenge was using the clamp() function to resize font without using media queries, but thanks to MDN I learned how to do it without much difficulty.

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

  I would really like help with HTML, how I could improve it, if it is accessible and semantic.

  

  Blog Preview Card

  #accessibility#astro#semantic-ui

  1

  20
  

  Abdulrahaman Ridwan Ayinla•310

  @EleniyancodePosted 3 months ago

  this a great solution, did you use react in achieving this? I love the fact that your code was simple and clean, nice job, well done

  0