Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • P
    Rafael Dias• 820

    @rafaeldgeo

    Submitted

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

    I'm proud because this is my first project using React App. Next time, I need to plan better the creation of the components, so I can spend less time.

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

    There were several challenges. The first was understanding the concept of the components and become them responsiveness. Another challenge, was created the form to calculate the BMI. Finally, host the project in the Vercel.

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

    I would like help, if I'm using React correctly. Thanks!

    bmi-calculator using React

    1

    verakissyou17• 380

    @verakissyou17

    Posted

    Congratulations for your first project in React!! Your project looks great!

    1
  • Sheikh Md. Sazidul Islam• 130

    @Sazid99246

    Submitted

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

    I am now learning now responsive css layouts, and as a part of this learning I took this project. I am very proud of positioning the whole body into center with max-width and max-height properties. Next time, I will remember it and do it firstly if it is required.

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

    I faced challenges to make the whole section center. And the most important thing is centering in other devices with media queries. Then I learned about max-width and min-height, and my confusion went out.

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

    As I am in the learning phase now, I wish to get feedback about my design and code structure. Actually, I am not good at design, and as I did not get the Figma file, I might not do the spacing correctly like margin, padding etc. So, I wish to know my faults and go ahead too.

    Responsive testimonial grid section

    1

    verakissyou17• 380

    @verakissyou17

    Posted

    I think you have the wrong link in your submission.

    Marked as helpful

    1
  • verakissyou17• 380

    @verakissyou17

    Posted

    Hi, Sheikh Md. Sazidul Islam!!!

    • I saw your CSS file and to center the main you can give your body element a display flex or grid, use their properties to center it in the middle of the page and give it a min-height of 100vh.
    • Also instead of a break on the h1 you can give it a max-width.
    • In the cards that you made, to move the image to the right , instead of float you can use ```` align-self: flex-end ```.
    • You did a great job , those are only advices to improve your code.

    Marked as helpful

    0
  • Siyad• 50

    @siyad01

    Submitted

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

    Improve

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

    aligning items

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

    layout method

    Responsive Product Preview Component Using CSS

    1

    verakissyou17• 380

    @verakissyou17

    Posted

    Congratulations for your project! You did a great work!You started your styling with mobile design first, witch is a good practice. I saw that you used an internal style tag.You could use an external style sheet and link it in the head tag. Also, you used 2 times the h1 tag, witch is not good, you should have only one on the page. You could also use grid display, maybe would be a good change to practice it on this challenge.Have a great day!

    1
  • R4J-debug• 40

    @R4J-debug

    Submitted

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

    I completed this aesthetic looking recipe page without much hesitation.

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

    Had to research more about border properties and formating tables.

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

    I guess more with designing of the layout.

    FrontEndChallenge4

    1

    verakissyou17• 380

    @verakissyou17

    Posted

    Congratulations for your project! Even your design isn't quite well, don't give up on learning, this will help you become better in time and we all are learning from mistakes! Good luck on your journey!

    0
  • verakissyou17• 380

    @verakissyou17

    Posted

    Congratulations for your project! You did a great job! I like that your sass files are so complex ,you have even functions that calculate the units and that's great. Only one thing you should change, the h2 to be an h1 for accessibility. Good luck on your journey!

    Marked as helpful

    0
  • T
    Gwenaël Magnenat• 1,210

    @gmagnenat

    Submitted

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

    I'm happy to learn about accessibility. It can change a lot of things on how we structure the html and the css. For the card, I wanted to make the whole card focusable and clickable by keeping a clean html structure.

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

    Getting the spacing perfectly right isn't easy. I spent a lot of time tweaking values around. I need to find a way to structure this better.

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

    I want to learn more about scss mixins and functions. And also learn how to do more modulare css.

    Blog preview card. Accessible card, SCSS, Vite

    1

    verakissyou17• 380

    @verakissyou17

    Posted

    Congratulations for your project and the perfect design that you've created!Your project looks awesome! For the next challenges you could use partials in sass to organize your code better! Good luck on your journey!

    1
  • Harun Kilic• 10

    @HarunKilic

    Submitted

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

    Nothing new really

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

    Deploying to Github pages was not easy as expected. Had to create custom action. Did also have to change base path for vite.

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

    Tailwind-css class usage. Could it be simpler/better?

    Tailwindcss

    1

    verakissyou17• 380

    @verakissyou17

    Posted

    Congratulations for your project! You did a great job! Your project looks great! Good luck on your journey! 🤗

    0
  • verakissyou17• 380

    @verakissyou17

    Posted

    Hi, David! The design is awesome, but you should validate the email address to don't pass if it's not complete. You can find online a function for validate your email address. Happy coding! 🤗

    0
  • verakissyou17• 380

    @verakissyou17

    Posted

    The mobile design doesn't work here.

    0
  • P
    Rafael Dias• 820

    @rafaeldgeo

    Submitted

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

    I'm proud got to use Lit Library, but it's necessary to study deep more this library, if I want to use it in future

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

    The big challenge was change status of elements using expressions from Lit Library. I tried, tried until got something next of use the Lit

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

    I would like feedback about the age calculate. Thanks!

    age-calculator-app-main using Lit Library

    2

    verakissyou17• 380

    @verakissyou17

    Posted

    Hey, Rafael! Great work! Congratulations! Check the code for validate the date, for the non - leap years.

    1
  • Balazs Feher• 20

    @balazs97feher

    Submitted

    1. Are there any accessibility considerations here other than providing an alt text for the image?
    2. Are there other HTML elements that would better convey the semantics of this component?
    3. The mobile and desktop designs look pretty much identical to me, I'm guessing it's the first challange. If not, would it be as easy as ussing a few media queries, say for widths below and above 800px?

    Simple HTML+CSS solution

    2

    verakissyou17• 380

    @verakissyou17

    Posted

    Hey, ** Balazs**! Congratulations for your project!! Instead of this:

       <div class="qr-code-heading">
       Improve your front-end skills by building projects
     </div>

    I would use an h1 tag:

    <h1> Improve your front-end skills by building projects</h1>
    0