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

  • Natali Grimm• 270

    @Grimm-N

    Submitted

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

    I enjoy adding effects and extending block actions. I added a flip side to the cards with additional info and a call to action. 😊

    In the future, I plan to use JSON files more often. I feel like it would have been more convenient to store the content there in this case.

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

    I spent quite a while experimenting to find the perfect effect for displaying the flip side of the card. After some trial and error, I finally chose a smooth animation with a small touch of JS. 😅

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

    I'm always excited to get any advice, notes, or even criticism—bring it on! It helps me grow, and I seriously appreciate it! 😄💡

    Responsive preview card component (JS, HTML, SCSS)

    1

    Derik Boghozian• 190

    @psychederik

    Posted

    Love that you went an extra step ahead and added that fitting background, awesome! It looks incredible 👍

    0
  • Ronald Yonggi• 170

    @ronaldyonggi

    Submitted

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

    Having issues where when I used the illustration images svg, somehow the displayed image would have additional white space either at the top or bottom. I ended up getting rid of the padding in my desktop design to get rid of the extra whitespace, although this causes my final design to not have padding unlike the desired design

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

    Anyone else having issues with the illustration svg files, where when displayed you'll see extra white space?

    Newsletter Signup Form with Vite, React, CSS modules, React Hook Form

    1

    Derik Boghozian• 190

    @psychederik

    Posted

    First off, great job! Your app functions as intended.

    To answer your question, I'm not 100% sure where the extra white space is coming from on your illustration svg. If I had to guess, maybe check these two things: .image { "width: 100%" } , OR perhaps try using the <picture> element instead of determining the size with a React className.

    I am still in the earlier stages of the React learning process so these are just my guesses. Hope you find a solution to the extra white space! Keep up the great work 👍

    0
  • Zeke-Cachi• 140

    @Zeke-Cachi

    Submitted

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

    For this project, I wanted to dust off my React knowledge, since it was some time since the last time i did any code with it. I like the simple yet usable cart, and overall how it turned out (disclaimer: i just eyeballed the design, since i only had the image to copy it)

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

    Not a lot of challenges really, just didn't remember how to deploy a React Vite project to Github pages hah

    Product List with Cart main (React Vite)

    2

    Derik Boghozian• 190

    @psychederik

    Posted

    Sweet project 🥁💥 Looks great and function properly. Maybe add a light background color for more clarity on the buttons and cart? Otherwise runs very smooth. Vite is so quick. Keep up the good work 👍

    0
  • Duncan Chege• 200

    @duncan-chege

    Submitted

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

    • My proficiency in tailwind CSS is improving

    • Learning how to add an event to a button and assigning an action to another element when the button is clicked was interesting

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

    • Using the Tailwind CLI on my static webpage was hectic because of inconsistent compilations. I should use the CDN for static web pages and the CLI for frameworks

    An article preview design with a button event

    1

    Derik Boghozian• 190

    @psychederik

    Posted

    Very nicely done. Your project looks great and you code is very clean.

    0
  • Derik Boghozian• 190

    @psychederik

    Posted

    It looks like you have 3 rows instead of 2 rows. Also, i dont think you need relative on all of your sections. Maybe removing that will help your layout look perfect. Otherwise, great job 👍

    Marked as helpful

    0
  • Derik Boghozian• 190

    @psychederik

    Posted

    Excellent work. Your code is very clean and the result is perfect. Only one thing i could recommend is using correct HTML semantics: Body>Main>Header -> Article>Section -> Footer

    Otherwise, great job 👍

    Marked as helpful

    0
  • Derik Boghozian• 190

    @psychederik

    Posted

    Nice design. Try wrapping the Image element for mobile with a Picture element then using the Source element to bring in the desktop image when the window reaches your specified size. Also, there are some issues with the mobile version. Maybe try adding some padding around the article and ensure the body or main element are styled properly. Overall, good job 👍

    0
  • Derik Boghozian• 190

    @psychederik

    Posted

    Everything looks good except of course the layout and position of the article itself. I tried to read your code but I've never used svelte and couldn't really tell what was happening. I had trouble getting my article to be perfectly centered too. Try messing with viewport height and viewport width.

    0
  • Lensky001• 20

    @Lensky001

    Submitted

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

    Je progresse dans la prise en main github. Cependant, j'ai perdu un temps fou a essayer de mettre ma page en ligne. J'espere m'ameliorer sur ce point la prochaine fois en prenant moins de temps

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

    Encore une fois mon plus grand obstacle etait de rendre la page visible en ligne. A vrai dire, je ne sais moi meme pas comment l'ai-je surmonte. je dirais seulement que la fois precedente j'ai fait mieux

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

    La responsivite de mes pages

    Social-links-profile

    1

    Derik Boghozian• 190

    @psychederik

    Posted

    The design looks good but the responsiveness needs work.

    Marked as helpful

    0
  • Justina-R• 20

    @Justina-R

    Submitted

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

    I’m most proud of my progress and how I’ve effectively utilized resources. Next time, I’ll focus on continuous improvement to keep growing even more.

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

    I wanted to try different methods for adding fonts and creating a more responsive design without relying heavily on media queries. It was challenging since I didn’t have much knowledge in that area, but with some research, I was able to solve it.

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

    As I mentioned in other challenges, my biggest concern is with responsive design and whether I’m applying it correctly. I’d appreciate help in that area.

    Blog card using HTML & CSS

    2

    Derik Boghozian• 190

    @psychederik

    Posted

    The design looks great but there are a few issues on the live site. First, the size is changing for every stretch of the window size and second, there are no hover effects. I like your code, it is well structured and easy to read. I think it will be best for you to learn how to make the size remain consistent with window size and also add the hover effects (check Figma files and hit the play button on top right to view the functional prototype).

    Marked as helpful

    0
  • Derik Boghozian• 190

    @psychederik

    Posted

    Nice code. Improve the size and correct the background color. The solution is almost perfect 👍

    0