Skip to content
OverviewSolutions
3
Comments
2
adaviladev
@adaviladev

All comments

  • DalaScript•530
    @DalaScriptSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?
    • I ran into some difficulties with the list items and the table, areas I had no experience with before. 📋🔍
    • Despite these challenges, I managed well and did everything exactly as it was in the design. 🌟🎨
    What challenges did you encounter, and how did you overcome them?
    • The first challenge was resizing and positioning the list item bullets (including ol list items), which was quite difficult and required a lot of trial and error. 🔄📋
    • The second challenge was handling the table, specifically the spacing between the tr elements and creating the lines between them. This was also a tough task, but after trying various approaches, I succeeded. 🏆📊
    • I overcame these challenges through extensive research on the Internet and a lot of critical thinking. 🌐🧠
    What specific areas of your project would you like help with?
    • There were some difficulties, which I already mentioned, but they are now clear to me, and I've gained valuable information and experience from them. 📘💡
    • However, I'd love to get advice from others on what I could have done better. 🧩👨‍🏫
    • Feedback on my approach and any suggestions for improving my methods would be greatly appreciated. 🌟💬

    Responsive Recipe page using Flexbox, bem and SCSS

    1
    adaviladev•50
    @adaviladevPosted 8 months ago

    Great work making your solution look exactly as the provided image!

    I noticed that each list item in your code is assigned its own class. While this approach works, having numerous classes can make the code harder to read and may introduce unnecessary redundancy. One alternative could be to utilize a single class for ordered list items ('ol') and another for unordered list items ('ul'), which can simplify the structure and enhance maintainability.

    It's also worth considering scalability. Imagine if your list grows to contain a large number of items; managing individual classes for each could become cumbersome. By adopting a more streamlined approach, you can ensure smoother scalability and easier code management as your project evolves.

    Moreover, for better responsiveness across various screen sizes, incorporating concepts like viewport height (vh), viewport width (vw), and percentages can be beneficial. These techniques help in ensuring that the site content is appropriately distributed and displayed regardless of the device or screen resolution.

    By implementing these suggestions, you can enhance the readability, scalability, and responsiveness of your codebase, ultimately improving the overall user experience of your website.

    1
  • Ciftelia•10
    @CifteliaSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I'm really proud that I got the font working (but only on chrome).

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

    I use Firefox as a default browser, and it took me ... a while to realize that the font only works on Chrome. Made me realize how much stepping back from your code for a bit helps.

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

    I'd like help with getting the font to work on Firefox, and with getting the QR component to center itself with different page sizes.

    Also any general coding style tips are appreciated.

    Basic Solution to QR code component

    2
    adaviladev•50
    @adaviladevPosted 8 months ago

    Your solution is quite impressive! I particularly appreciate the subtle shadow effect you've implemented, adding a layer of depth to the design. To enhance its visual appeal further, I would suggest incorporating a slight top margin. This adjustment will help to center the element more effectively on the screen, providing a more balanced and polished appearance overall. Keep up the great work!

    Marked as helpful
    2