Ralph Angelo Gonzaga

Latest comments

• 

  m-taaha•130

  @m-taahaSubmitted 8 days ago

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

  I am face challenge in css in media query.. I would appreciate suggestions on media query .. please

  

  Article preview component

  1

  20
  

  P

  Ralph Angelo Gonzaga•130

  @codejerooPosted 7 days ago

  Great solution! To give you some tips using media queries it would be really nice if you start to switching em and rem for sizing and as much as you can avoid using pixels using queries because it would not make it responsive. It would've been better also max or min height and width instead of fixed sizes. Or trying using percentages because in that way it would be much more responsive. Overall it was nice! Keep Coding!

  0
• 

  P

  Mezbah Uddin•140

  @mezbahDevSubmitted 10 days ago

  

  meet-landing-page

  1

  00
  

  P

  Ralph Angelo Gonzaga•130

  @codejerooPosted 10 days ago

  Great Solution! However if I may add, hover function is part of the challenge, you can do this by adding button:hover and changing opacity. In Mobile and Tablet Screen sizes there is an horizontal scroll which can easily be fixed by making sure the containers content is not overflowing. You can also add overflow: hidden on the parent container of the hero-left and hero-right images to cut off excess overflow. Overall nice solution and keep up the good work!

  0
• 

  danielnero-bot•230

  @danielnero-botSubmitted about 1 month ago

  

  Testimonial Grid Section

  1

  10
  

  P

  Ralph Angelo Gonzaga•130

  @codejerooPosted 11 days ago

  Great Solution! However, if I may add, it would probably best to look again in the given designs and see for yourself the layout differences in each screen sizes. Utilize media queries and set breakpoints for you to be able to position each card in the grid. It's also better to implement mobile first workflow because from what I see, mobile layout as well as tablet layout looks very stretch. Overall It was great and responsive! Happy Coding!

  Marked as helpful

  0
• 

  kariimellsayed•20

  @kariimellsayedSubmitted 13 days ago

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

  I faced challenges only in the layout section the first time, but the topic is very simple

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

  ...

  

  Four Cards

  #accessibility

  1

  10
  

  P

  Ralph Angelo Gonzaga•130

  @codejerooPosted 12 days ago

  Great solution! However the orientation of cards in the challenge are vastly different in different screen sizes. Try using media queries to create breakpoints and adjust the orientation of cards using grid or flexbox. Overall it was good! Keep Coding!

  0
• 

  Annalyza106•130

  @Annalyza106Submitted 20 days ago

  

  Product Preview Card

  #pure-css#accessibility

  1

  10
  

  P

  Ralph Angelo Gonzaga•130

  @codejerooPosted 17 days ago

  Wow! It's perfect! I loved how you utilized variables to store colors and sizing to make it easier to implement. I was supposed to give feedback, but it looks like I'll be the one learning something.

  1
• 

  Emanoel Oliveira•10

  @emanoelOliverSubmitted 11 months ago

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

  De conseguir fazer uma pagina web sem ter muita dificuldade, obvio que ainda tenho que aprender bastante mas eu fico feliz em ter conseguido sem me enganchar em nenhuma parte do site, já que ainda é bem simples.

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

  Na ultima parte desse site eu não estava conseguindo entender do por que eles não estavam se comportando do jeito q eu queria, tive que fazer uma pesquisa e vi que estava errando algumas tags e que estava fora de ordem.

  

  CSS Reset, Media Queries, Relative Units, Flexbox, Responsive Images

  #accessibility#semantic-ui

  1

  60
  

  P

  Ralph Angelo Gonzaga•130

  @codejerooPosted 19 days ago

  Great and Responsive Solution! I love how you used rem and em for sizes for better responsiveness. However, if I may add.

  1. I think it's better to add min-height and max-width to the container so that it would scale properly based on the screen sizes.

  2.At mobile screen-size, the nutrition table gets so close to each other. It's better to put them into distinct divs and set the width to 50% of their container.

  3. At desktop screen-size, both of them are too far from each other. Reduce it by having a fixed gap or fixing the margin.

  0