Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • P
    Jim Barnett• 260

    @jamesbarnett

    Submitted

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

    I felt like I had better awareness of responsiveness throughout this challenge. I caught a mistake early on during the layout where I got some spacing to match the design, but quickly realized that approach wasn't going to resize how I would like. I think that's progress. :)

    Differently? Deploy earlier. Also, I wouldn't add Svelte to a Vite project after the fact again (though that was a learning experience).

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

    First time getting Svelte, Vite, PostCSS, and TailwindCSS all working together and deployed to github pages. Reading, googling, and some trial and error got it working eventually. Then I had to get the images to work, lol.

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

    I would love to hear alternative approaches to achieving the desktop layout of 3 columns with two cards occupying the middle column and the other two cards middle aligned.

    Four Card Feature Section - Svelte/Vite/Tailwind/PostCSS/GHPages

    1

  • modji• 140

    @modji

    Submitted

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

    I enjoyed the process of building it first using the responsive design and then adjusting it for the desktop.

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

    My biggest issue was that I didn't realize that I had a dedicated image for the desktop. I had to search for a solution and found the use of ``. This allowed to swtich bettween images. I found that srcset didn't really work well for me.

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

    Any improvement critics is welcome.

    Product Preview using tailwind css

    1

    Abhishek Kumar• 80

    @abhi1322

    Posted

    excellent work, but according to reference there is roundness in corner, you haven't assigned roundness to corners.

    0
  • Muhammad-Siddique• 60

    @Siddique145

    Submitted

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

    I was being very activated by this task challenge by utilizing my skills to complete the challenge.

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

    I faced many kind of errors but finally i have got an complete my poject challenge

    Egg_Recipe , this i have made by using html, css perfectly responsive

    1

    Abhishek Kumar• 80

    @abhi1322

    Posted

    Your use of color does not follow the style guideline that is included in the files. Please use the same colors throughout; the spacing is incorrect based on the reference. Even so, you are capable of doing excellent work.

    Marked as helpful

    0
  • Abdallah Aboelsaoud• 220

    @Saoud2021

    Submitted

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

    mobile view

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

    i could not fix the mobile view

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

    when in mobile view , the card is cut from the top and does not show properly , the container is not aligning to the padding

    Social links profile challenge

    1

  • Abhishek Kumar• 80

    @abhi1322

    Posted

    This is really great work. Here are a few suggestions to improve the roundness of the card and image:

    • If you are giving the card a border-radius of 16px, the inside image should have a border-radius of 8px (half of the parent div's border-radius) to maintain a consistent and visually pleasing design.

    Keep up the excellent work!

    1
  • Abhishek Kumar• 80

    @abhi1322

    Posted

    This solution really good, but there are some flaws in your design.

    1. There is the issue of line height in the text, you can see there is less line height in the original design. So you can adjust line height.
    2. Regarding the center alignment issue, I guess you are using "Flex" to align them, I would suggest you use self-alignment in "attribution" section.
    0