Skip to content
OverviewSolutions
18
Comments
9
Israel Andreotti
@Israel-Andreotti

All comments

  • Rafi Rachmawan•150
    @rafirachmawanSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I understand a little about JavaScript but am not yet proficient, maybe at another time I will deepen my knowledge about JavaScript

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

    The challenges I face may be from javascript because I am a bit of a layman and just learning about javascript. To overcome this, I read a little and asked on chatgpt.

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

    maybe from the javascript logic

    Html,Css,Tailwind,Javascript

    1
    Israel Andreotti•270
    @Israel-AndreottiPosted about 1 month ago

    You did a really good job, it looks very similar to the result expected, I think the only I would do differently is use a bigger width value on your main container. Nice job!

    Marked as helpful
    0
  • Israel Andreotti•270
    @Israel-AndreottiPosted about 1 month ago

    Wow! Wonderful job! I really liked the choices you made about layout, I'm going to start to use some of it on my projects.

    0
  • Joseph Goodwin•100
    @jcgoodwin86Submitted about 1 month ago
    What challenges did you encounter, and how did you overcome them?

    I had a hard time getting the cards to stop stretching even though I had place-items: center; Two cards would stretch and fill the grid cell, but the others wouldn't. I just had to put the sizes like this to get it to work:

     .list_of_cards {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 15.625rem);
  }

  .card {
    max-width: 21.875rem;
    height: 15.625rem;
  }

    Responsive Site using Grid

    1
    Israel Andreotti•270
    @Israel-AndreottiPosted about 1 month ago

    Wow! Very smart of you to figured it out on how to solve the problem. Keep the good Job!

    0
  • Juan•160
    @JuanTwoFourSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud that this project did not take me as long as the other projects. Using the mobile first method has changed the way I code, mostly because it is much simpler for me to expand the layout to fit bigger screens, instead of having to shrink everything to force fit on a mobile screen.

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

    Only challenge I faced on this project was having the browser switch from one image to the other depending on the screen size. The way I overcame this challenge was by setting both images in my HTML code and hiding one or the other depending in the screen size. I achieved this by using simple media query for screen sizes above 1024px i set the smaller image to display of none and the opposite for mobile size screens.

    Product Preview Card

    1
    Israel Andreotti•270
    @Israel-AndreottiPosted about 2 months ago

    Nice outcome you had on how to change the image between the layouts, I had the same problem, I think I'm going to use your method now, thanks :)

    1
  • Israel Andreotti•270
    @Israel-AndreottiPosted about 2 months ago

    The QR Code is not appearing. Did you face any problems during this challenge?

    Marked as helpful
    0
  • AuryDev•100
    @Auly-hubSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    ras

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

    The challenge has been to focus on the details and take on board all the previous criticisms, although I think I still have some work to do on that front.

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

    Continue to work on structures, with an emphasis on improving my CSS skills.

    Recipe-page using html & css

    1
    Israel Andreotti•270
    @Israel-AndreottiPosted about 2 months ago

    Nice job!

    Marked as helpful
    0
  • dannisoul•80
    @dannisoulSubmitted about 2 months ago
    What challenges did you encounter, and how did you overcome them?

    I had trouble matching the card's height, even though I matched the padding, gaps, and font sizes from the Figma resource.

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

    Is using display: grid with place-content: center the best way to center the card in this case?

    Is it good practice in this situation to give the body a min-height of 100vh?

    Social Links Profile

    1
    Israel Andreotti•270
    @Israel-AndreottiPosted about 2 months ago

    I did the same thing you did with the display grid and the body a min-height of 100vh, so I'd say that's a good option

    1
  • Israel Andreotti•270
    @Israel-AndreottiPosted about 2 months ago

    Nice result you've got there mate

    0
  • AmogTsie•50
    @AmogTsieSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    What I am proud of the most is that I was able to complete this project under 2hrs which I am proud of an di didn't allow my struggles to affect it. What I want to work on the most is to try and fail more instead of looking for ways to do it on YouTube, though majority of the project I did out of pervious Knowledge the thing I had forgot I went to YouTube which is often a default for me.

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

    The making of the box as well as alignment, however I remembered how to do it from a pervious project I did recently

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

    This project wasn't as hard so nothing

    I used media query to make it responsive

    1
    Israel Andreotti•270
    @Israel-AndreottiPosted about 2 months ago

    Very good job!

    Marked as helpful
    0