Skip to content
OverviewSolutions
8
Comments
8

Elai5

@Elai5190 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Loop Studio – Modern Grid-Based Web Layout

    #react#tailwind-css#vite
    Elai5•190
    Submitted 15 days ago
    0 comments

  • slick-space-website

    #react#tailwind-css#react-router
    Elai5•190
    Submitted 27 days ago

    1.Making it more responsive on tablet mode. I could use help writting a cleaner code. 2.Following the layout for tablet and mobile especially with the buttons/arrow of the slides. 3.Getting the right backgound color for mobile navigation.

    4.Adding animation with framer-motion on images and page-load.

    5.Changig the font family.

    0 comments

  • Responsive Landing Page with Tailwind CSS & React

    #react#tailwind-css
    Elai5•190
    Submitted about 1 month ago

    Making the site responsive for tablet:

    I tend to use md: and lg: a lot, and I think I might be making my code chunkier than necessary. Any solutions?

    0 comments

  • tailwind-contact-form

    #tailwind-css#van-js
    Elai5•190
    Submitted about 1 month ago
    1. Changing the background colors of radio button when user focus on them to green.
    0 comments

  • Newsletter sign-up form with success message

    #tailwind-css
    Elai5•190
    Submitted about 1 month ago

    Getting the thank you part to have a background of blue when you hover on the dissmiss message.

    0 comments

  • Responsive & Functional Shopping Cart with JavaScript

    Elai5•190
    Submitted about 1 month ago
    • I’d like help adjusting the image dimensions for mobile responsiveness so that they’re rectangular (4:3). My original thought was to create a separate <div> for mobile with different dimensions, but before I implement that, I’d like to explore if there are any better alternatives.
    • I also need help dynamically fetching and displaying the correct product image in the final order confirmation. Right now, I’m using a placeholder approach, but I’d like to make sure I’m passing the correct image from the cart for the confirmation overlay.
    1 comment
View more solutions

Latest comments

  • Elai5•190
    @Elai5

    I love your navbar style on mobile.

  • xBCLx•50
    @xBCLx
    What are you most proud of, and what would you do differently next time?

    I think it looks nice. I didn't use flex for grid for this one I wasn't sure if I needed to?

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

    my challenges are with media queries.

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

    I need help with my media queries. I didn't think I need them in this project only because I think it looks fine in my desktop view and had no trouble being responsive in smaller screen. As far as I can tell.

    html css

    1
    Elai5•190
    @Elai5

    I second your thoughts. The cards is responsive on all devices. Why did you want to use media queries? I am curious . it looks good. Well done

  • Bchoga•40
    @Bchoga
    What are you most proud of, and what would you do differently next time?

    I managed to closely match the the design pics

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

    I was not able to use any JavaScript since i have not yet learned it neither was i able to use the json data, thats my next target

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

    I need review on my code,how to improve responsiveness

    Responsive Time Tracking App

    1
    Elai5•190
    @Elai5

    Your code is higly responsive and it looks good.Keep on going!

  • Elai5•190
    @Elai5

    your design is perfect on desktop. Great work!Your naming convention is bliss. Great and clean code. Work on making it responsive by using media querries

  • J. Dheeraj•50
    @dheeraj78
    What are you most proud of, and what would you do differently next time?

    it was my first time trying a responsive layout even though its not much i still happy that i was able to develop my css writing skills.

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

    i would like to get the help for my design consistancy

    Responsive Recipe page

    1
    Elai5•190
    @Elai5

    Your recipe looks realy good. It’s responsive and the code is well structured. You faced some problems with the color im guessing thats what you mean with consistency?? i suggest try using the <p> tag in to have better controll in your colors so that the span element will have a diffrent color from the p. you could update this to

            <p><span class="outfit600">Cook the omelette:</span> 
         Once the butter is melted and bubbling, pour in the 
         eggs. Tilt the pan to ensure the eggs evenly coat the 
         surface.
         </p>
       </li>```
that way, you can assign p a diffrent color and span another one.Other than that, tremendous work👏.
    Marked as helpful
  • Elai5•190
    @Elai5

    Great job on implementing the shopping cart with React. It’s very functional and works smoothly. The design is pixel-perfect, and everything is behaving as expected. One minor suggestion would be to adjust the order-confirmed div for mobile responsiveness, but other than that, it looks great.

    Marked as helpful
View more comments