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
    Jan 290

    @Jan-Dev0

    Submitted

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

    I had to experiment a bit with Flexbox because the elements didn't always occupy the intended space as I had planned.

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

    I would appreciate some general tips on using Flexbox for layout and feedback on whether I've made any mistakes or if there are better approaches I could use.

    @aymenthedeveloper

    Posted

    for a layout like this its better to use grid since it allows us to define the grid cols and rows and then we can use the properties grid-row and grid-column to position each element exactly in the grid, which makes thing much easier.

    i personally used flex box for this project when i did it but if i would go back an improve it i will defiantly use grid.

    you can check my solution if you want to see how i did it using flex box.

    Marked as helpful

    1
  • @aymenthedeveloper

    Posted

    Nice :)

    0
  • @kumbharkaran

    Submitted

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

    I tackled this challenge in just half an hour, using flex in CSS (there are other ways, of course!).

    @aymenthedeveloper

    Posted

    hey congratulations for completing this challenge ;) I just wanna say if you wanna get the solution close to the design install pixel perfect extension and use it to compare the design with your solution while you code, anyways good job mate.

    0
  • Leyker 40

    @leykerjsm

    Submitted

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

    I'm starting using SASS for the first time in a porject, I think I did not too bad

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

    The most challenging part for me was looking up the styles in figma

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

    I need review on the structure of my SCSS file and HTML

    @aymenthedeveloper

    Posted

    hey! congratulations for completing this challenge :) your solution is amazing and it is very close to the design, the only thing left is adding the drop shadow and you are done ;)

    Marked as helpful

    1
  • @aymenthedeveloper

    Posted

    Hey Congratulations on finishing this challenge :)

    I have few suggestions that can help you improve your solution:

    • you should download the files assets of this challenge and use the svg icons instead of using screenshotted icons.
    • use the style guide to help you set the right colors, fonts and font sizes for your solution.
    • try to separate your CSS from your html file (for organization purposes)
    • try to use sematic tags in your document like header, main , ...
    • finally make sure your solution is responsive and works on small screen devices
    0