Adhi

Latest comments

• 

  P

  Kevin Rasata•70

  @kevinrasataSubmitted 8 months ago

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

  This was actually the first challenge that I took on Frontend Mentor.

  I can tell you struggled big time with the layouts. Hahahah!

  Like it took me 3 days to figure it out.

  But now I'm more confident with it and the other challenges felt easy afterwards.

  I guess good practice makes perfect?

  

  Recipe page solution

  2

  70
  

  Adhi•240

  @Adhi-S12Posted 8 months ago

  Looks great! 👍🏻

  Marked as helpful

  0
• 

  Cynthia Agu•110

  @cynthiachinenyeSubmitted 10 months ago

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

  I am proud of what I have achieved so far I was able to use:: before and:: after methods at least now I understand what and how it is been used for and when to apply it . I was able to learnt tooltip in the design and it made lots of sense.

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

  I encountered lots of challenge on javascript because I didn't use jquery to answer I did make enquires on js sheet to call on things when using add event listener. since I used bootstrap positioning outside a card was kind of wired at first but it beginning to make lots of sense now.

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

  z-index on my share btn isn't displaying

  

  Article preview component

  1

  10
  

  Adhi•240

  @Adhi-S12Posted 10 months ago

  Hey, the solution looks good, here are a few things that you can improve.

  The card does not need a border. Since the background color is different and the card is white, the card is already separated from the background, You can use a box-shadow to make it look elevated.

  Instead of using z-index and using the same button, just copy and use that button on the component.

  Try to focus a bit more on font-size, padding. Also try to write without using any framework at first, it'll help you a lot.

  Marked as helpful

  0
• 

  P

  Koda👹•3,830

  @kodan96Submitted 10 months ago

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

  Made with:

  • HTML 🦴
  • SCSS 🖌️
  • JS 🤖
  • animated the hero section with gsap 💨
  • jQuery for easier DOM manipulation 📗
  • autoprefixer for browser compatibility 🧭🧭
  • minified files for better performance 🚀

  

  easybank Landing Page 💵💵 w/HTML, CSS & JS

  #gsap#jquery#sass/scss

  2

  413
  

  Adhi•240

  @Adhi-S12Posted 10 months ago

  That gsap animation is sick🔥

  1
• 

  P

  Bamo-D-Abdallah•320

  @Bamo-D-AbdallahSubmitted 10 months ago

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

  It was completely horrible, I need to learn the fundamentals of CSS better

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

  The most difficult was setting the list bulletpoints and numbers which I couldn't do so I gave up.

  Also sizing anything was horrible and the responsive is inconsistent.

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

  Overall review of my weaknesses, why do I think my code is a pile of garbage.

  Why it feels like I don't know CSS.

  

  Responsive Recipe page

  #bem

  1

  30
  

  Adhi•240

  @Adhi-S12Posted 10 months ago

  Hey your solution is good, here are a few things that you can change/improve:

  • If you want to make only a certain parts of the text to be bold, you <strong> tag around them. Don't use <b> tag as it is not semantic HTML.
  • Don't set height on image containers, instead use the object-fit: cover or object-fit:contain property on the image element to fit the image inside the container.
  • In the top of the page, you've given an height for the image container, since the image's width is 100%, there is some empty white space in the container. Also you've given a gap property which give some space, And use used margin top on the heading too, this is the reason there is so much space between the image container and the h1 heading.
  • You forgot to use the fonts for preperation-block__header class and a few other elements.

  Other than this, your solution is actually good

  0
• 

  ricardomjr300•80

  @ricardomjr300Submitted 10 months ago

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

  display grid

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

  display grid

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

  display grid

  

  testemunhas

  1

  30
  

  Adhi•240

  @Adhi-S12Posted 10 months ago

  Good work, here are a few things you can improve,

  • Cards look way too big till it reaches the media query breakpoint. You could've added a max-width to individual cards and centered it and removed it later for large screens.
  • Could have slightly increased the font size and line height of the testimonial title.

  Everything else looks good

  0
• 

  Ralph•190

  @RalphPastel972Submitted 10 months ago

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

  Not much. I took way too long for such a simple result.

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

  I was not sure the best option to place the tiles between 2 lines.

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

  n/a

  

  Responsive Four card feature section solution

  2

  20
  

  Adhi•240

  @Adhi-S12Posted 10 months ago

  Good work and the site looks great, some things that can be improved are,

  • The headers h1 and h2 should be centered in smaller screens
  • In bigger screen size, you could have restricted the size of the paragraph tag below the h2, so that it does not span the entire row. You could have used max-width along with some character length like 60ch or something to achieve this.
  • Could have reduced the card-description's font size a little so that it better matches the design.

  1