All comments

• 

  Zsolt Varjú• 490

  @zsoltvarju

  Submitted over 1 year ago

  The most I learned from this project is, I think, from the JavaScript side. I struggled a lot with it to figure out how to work with JSON/objects, but in the end, it turns out it's not even that hard, so I'm very happy with this project. I didn't pay as much attention to the CSS this time because I wanted to focus on the JavaScript part. However, I also had struggles with CSS. I had to look up a lot of things, and I still have a lot to learn about it.

  There are two main problems that I couldn't solve:

  • In this project, I didn't use the mobile-first approach, and I couldn't set the spacing correctly on the phone. If you check the code, there are double gaps between the cards, and I couldn't figure out why.

  • There are "bleeds" around the cards. The background color of the card shines through to the front one because they are the same size. I'm not sure how to solve this problem.

  • I added a cool 3d tilt effect to the cards with javascript, i think it came out great!

  Other than these, I'm happy with the result. I know it could be done much better, but I want to move on to the next one.

  I began teaching myself HTML and CSS approximately 2months ago, and my primary objective is to complete all of the projects. Last week I finished the last Newbie project and this is my fifth Junior one. My intention is to enhance my skills in HTML and CSS to the fullest extent possible before progressing to more complex projects involving complex JavaScript. I invite you to join me on this journey as I continue to solve more challenging projects. As of May 19, 2023, I have successfully completed 5 out of the 29 available Free Junior projects.

  

  🚀 Time tracking dashboard 🚀

  1

  113

  

  J4NBI• 250

  @J4NBI

  Posted 23 days ago

  I really liked your mouse events! Do you have good tutorials for my, that would be very kind. Best regards Jan

  0
• 

  Javier Duarte• 210

  @javiIT10

  Submitted about 2 months ago

  

  Newsletter sign up with success message main using tailwind

  1

  00

  

  J4NBI• 250

  @J4NBI

  Posted about 1 month ago

  Well done! I also used Tailwind :)

  0
• 

  P

  Purnama S Rahayu• 250

  @catreedle

  Submitted about 2 months ago

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

  I'm proud of finishing this project. The share section is tricky because mobile and desktop versions are different, so I am most proud of tackling that. I suggest next time I spend more time analyzing and planning to solve the problem instead of jumping into it headfirst.

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

  toggling the share button, I tried a few different approaches.

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

  anything. code review would be appreciated. is it readable and easy to understand? do you think my code is overkill? how to write better CSS class names?

  

  Article Preview Component (HTML, CSS, JS)

  1

  10

  

  J4NBI• 250

  @J4NBI

  Posted about 1 month ago

  I liked the slide in animation and your code was easy to read. Well done :)

  1

  This comment has received 1 replyShow
• 

  P

  Paul Olynek• 330

  @ePaulo

  Submitted 3 months ago

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

  My plan was to add code in stages... 1) html-only, 2) general css, 3) mobile css, 4) tablet css, and 5) desktop css... helped reduce the "ripple effect" of making code changes that might adversely affect previous work. In hindsight, it might have helped to considered (early rather than later) the need for inner "containers" to group some related UI design blocks. Note that I did make a few subtle changes to the design, such as changing the font color for the button hover effect.

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

  Find specific css code within "Mobile Design", "Tablet Design" and "Desktop Design" became more time consuming as the number of css lines increased... so I added comments to both html and css files to clearly indicate what the sections were for each of the mobile, tablet and desktop css styling.

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

  The one thing I could not figure out what how to control (remove?) the opacity on the second divider (that partially covered the last section) and, similarly, how to control the opacity of the button in the last section.

  

  Responsive Meet Landing Page

  1

  00

  

  J4NBI• 250

  @J4NBI

  Posted 3 months ago

  Well done :) responsively good!

  0
• 

  Sadiki Benda• 160

  @Sadikibenda

  Submitted 3 months ago

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

  first project working with css grid

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

  place the card in specific position

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

  working with quotes, I didnt finish that part.

  any feedback is appreciated

  

  Testimonial grid section main

  2

  10

  

  J4NBI• 250

  @J4NBI

  Posted 3 months ago

  Nice! Well done :)

  Marked as helpful

  0
• 

  Lucas Barros• 350

  @BarrosLucasJavier

  Submitted 3 months ago

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

  Nothing to comment on at the moment

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

  Nothing to comment on at the moment

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

  Nothing to comment on at the moment

  

  Responsive Four Card Feature Section Master

  2

  20

  

  J4NBI• 250

  @J4NBI

  Posted 3 months ago

  Nice. I like how you use grid!

  0
• 

  Fernando Vera• 160

  @FVeraCoding

  Submitted 4 months ago

  

  Responsive Product Preview Card using HTML and CSS

  1

  30

  

  J4NBI• 250

  @J4NBI

  Posted 3 months ago

  Well done :) I had also problems with a little space ad the bottom of the picture. For me helped set image to display: block.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Generalissimo• 110

  @General4904

  Submitted 4 months ago

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

  Nil

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

  Nil

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

  Nil

  

  Responsive Recipe Page

  1

  10

  

  J4NBI• 250

  @J4NBI

  Posted 3 months ago

  Well done :)

  0
• 

  Master-X2000• 120

  @Master-X2000

  Submitted 3 months ago

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

  it was a very simple task, I will just work my way up to the difficult ones

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

  none

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

  none

  

  flexing with flexbox

  1

  10

  

  J4NBI• 250

  @J4NBI

  Posted 3 months ago

  Good job :)

  0
• 

  sammie-create• 100

  @sammie-create

  Submitted 4 months ago

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

  I am proud of the ability to create a very similar design as the one on the challenge.

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

  I did not encounter much challenge.

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

  Not really

  

  CSS Flex, Pseudo classes

  1

  30

  

  J4NBI• 250

  @J4NBI

  Posted 3 months ago

  Little Card with a little Html and CSS.

  0
• 

  BegShoo• 80

  @BegShoo

  Submitted 3 months ago

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

  Proud that I actually managed to recall a lot of the CSS I learned off the top of my head, shows that it's bedding in a bit. I think I failed upwards with the QR code alignment, it worked but I think there's an easier solution.

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

  QR code alignment was a bit tricky. Other than that it al seemed to make sense. I combination of trial and error and some googling/looking at tutorial projects really helped.

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

  Just making sure I got mostly there on my own. If there are some things that could have been done much better then I'd love to know, but at this stage if it looks and functions okay then I'll take that!

  

  QR Code Card Made Using CSS & HTML

  1

  11

  

  J4NBI• 250

  @J4NBI

  Posted 3 months ago

  Just a little start :)

  0