Yacine Ragueb

Latest comments

• 

  Yacoub AlDweik•2,850

  @YacoubDweikSubmitted about 1 month ago

  

  Insure landing page

  #accessibility#react#semantic-ui#tailwind-css#vite

  1

  60
  

  Yacine Ragueb•370

  @Yaciine19Posted about 1 month ago

  Well done! You've done a great job just a small suggestion try to improve the code further by reducing repetition, especially when it comes to handling images. This is one of the main goals of React: reusability.

  For example, you can create a custom image component like this:

  function ResponsiveImage({ mobileSrc, desktopSrc, alt = "" }) {
    return (
      <picture>
        <source media="(min-width: 768px)" srcSet={desktopSrc} />
        <img className="h-full w-full object-cover" src={mobileSrc} alt={alt} />
      </picture>
    );
  }
  

  Then, simply call this component and pass the necessary props this reduces code duplication and improves maintainability.

  Other than that, you've done an amazing job. 👌

  I noticed that you're using import.meta.env when referencing images. Can you explain why? And why not use the src directly from the public/ folder?

  Marked as helpful

  0
• 

  iamshirlyn•70

  @shirlynpanarescanlomSubmitted about 2 months ago

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

  I think in the layout part specially in implementing the tailwind it really takes a lot of time and it's quite challenging for me

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

  The challenges that I encounter while making this webpage is padding part in tailwind specially that I put a display flex in the css file the tailwind elements like padding and margins that I placed for some contents just vanished when I tried to view it in smaller screens

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

  I guess I want to get some help in some part of tailwind css, specially in declaring width it get me confused sometimes and the flexbox of css

  

  tailwind css and the display grid in css

  #tailwind-css

  1

  00
  

  Yacine Ragueb•370

  @Yaciine19Posted about 2 months ago

  keep up!

  0
• 

  Jawad41•80

  @jawad-mwadamaSubmitted about 2 months ago

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

  I am happy i took less time building this. And i am aiming to improve on flexbox and media queries. The mobile version isn't good enough and i certainly will improve on that because i know i can do better.

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

  Styling the nav-links was tough but i used min-width and max-width to try to accurately replicate the desktop version of the design.

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

  Responsive web design in general, but i am working on it

  

  Social LInks Profile

  2

  00
  

  Yacine Ragueb•370

  @Yaciine19Posted about 2 months ago

  nice work

  0
• 

  P

  Gonzalo Ibarrola•120

  @GonzaloIbarrolaSubmitted 12 months ago

  

  React + Tailwind

  #react#tailwind-css#vite

  1

  20
  

  Yacine Ragueb•370

  @Yaciine19Posted about 2 months ago

  great work bro keep up!

  0
• 

  Jakub Šmíd•270

  @jakubsmid22Submitted about 2 months ago

  

  QR Code Component

  #react#tailwind-css

  1

  00
  

  Yacine Ragueb•370

  @Yaciine19Posted about 2 months ago

  The design is perfect; you just need to change the title color to the required one.

  0