Frontend Mentor | Israel Andreotti's profile

Latest comments

Rafi Rachmawan•210
@rafirachmawan
Submitted 11 months 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-Andreotti
Posted 11 months 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
0Mo3az0•130
@0Mo3az0
Submitted about 1 year ago
Grid
1
Israel Andreotti•270
@Israel-Andreotti
Posted 11 months 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.
Joseph Goodwin•100
@jcgoodwin86
Submitted 11 months 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-Andreotti
Posted 11 months ago
Wow! Very smart of you to figured it out on how to solve the problem. Keep the good Job!
Juan•170
@JuanTwoFour
Submitted 11 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-Andreotti
Posted 11 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 :)
chilldeleuze•80
@chilldeleuze
Submitted 11 months ago
QR Code Card using Flexbox
1
Israel Andreotti•270
@Israel-Andreotti
Posted 11 months ago
The QR Code is not appearing. Did you face any problems during this challenge?
Marked as helpful
AuryDev•100
@Auly-hub
Submitted 11 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-Andreotti
Posted 11 months ago
Nice job!
Marked as helpful