Skip to content
OverviewSolutions
5
Comments
5

antonio

@Antonio-Manoel-Sbrazil70 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

I’m currently learning...

Html, Javascript, Css.

Latest solutions

Latest comments

  • Nata•170
    @kristianusdianata
    What are you most proud of, and what would you do differently next time?

    In this challenge, I tried to use a simple transition to bring up the share link. In other challenges I'm sure there will be a lot more transitions and it will be much more complex and the coding will be much more complicated so next time I might use a tool like SASS

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

    1. On larger screens, dynamically positioning the share link menu proved to be challenging. It required calculating the position using JavaScript to ensure the menu was placed exactly where I intended.

    2. Dynamically updating the transition class based on screen width was also a challenge, as I had two distinct transition classes for small and large screens. This meant I needed to use JavaScript to check the screen width and update the class accordingly.

    3. Lastly, managing the increasing complexity of the CSS I wrote was a significant challenge. As the style requirements grew, the codebase became more complex, making it difficult to maintain readability and proper documentation.

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

    I would like feedback on the readability of my code, as well as the clarity of my naming conventions for variables, class names, and functions. I'm aiming to write clean, well-documented code and would appreciate any suggestions for improvement.

    Responsive & Semantic Article Preview with Simple transition

    1
    antonio•70
    @Antonio-Manoel-S

    Identical! Mine was too different. I struggled much to align the elements of the site, and the difference of script between your and mine is abysmal. I only created a toggle function in the javascript, that hides the toolkit that is already positioned. Congrats!

  • Laura•100
    @Laura-BugFree
    What challenges did you encounter, and how did you overcome them?

    Figuring out the layout. Still not sure if I should have put the preparation time into its own section.

    Styling the list markers, thankfully I did remember the pseudo element ::marker. Couldn't change the ordered list numbers to match the font, so I just used a sans-serif font instead.

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

    Any feedback welcome

    Recipe Page

    1
    antonio•70
    @Antonio-Manoel-S

    Your code is much more detailed that i could make, besides the title with bold bigger than the design. But, after all, your solution is great! You used a different way than mine to make the nutritional table, i should search better before making the next solution. And, addendum, you is one of the few people who keep the attribution code below. Good!

    Marked as helpful
  • antonio•70
    @Antonio-Manoel-S

    Almost identical! Still dont have the finger to align all perfectly, too. But, the site seems enough. Good!

  • Konrad•200
    @ExtendoGH
    What are you most proud of, and what would you do differently next time?

    I am proud of the following achievements in completing the project:

    • Utilizing Flexbox to precisely arrange elements and add spacing, which significantly improved the layout of the page.
    • Implementing an aesthetic animation triggered when hovering over card links, adding interactivity and a modern feel to the design.
    • Completing the project in a short time frame, demonstrating good time management and efficient work organization.
    What challenges did you encounter, and how did you overcome them? 1. Category Background

    I struggled to set the background for the category name so that it covered only its content rather than the entire line.
    Solution: The issue was resolved by adding an additional div element around it.

    2. Font Size

    I couldn't make the font size adjust automatically without using media queries.
    Solution: I ended up using the @media (max-width: 376px) rule because the header broke into two lines on smaller resolutions, which looked unappealing.

    What specific areas of your project would you like help with? 1. Dynamic Font Scaling Without Media Queries

    Is there a way to make font size adjust automatically based on screen size without using media queries?

    2. Code Quality Assessment

    Are the class names, comments, and overall readability of my code at a high level? What improvements can I make?

    3. Project Responsiveness

    Is the project adequately responsive and visually appealing on various devices?

    Blog Preview Card

    1
    antonio•70
    @Antonio-Manoel-S

    You did identical! My code is too robust, i use px and stuff. Align things is a suck, so i did in any old way, but you did much more identical.

  • antonio•70
    @Antonio-Manoel-S

    Liked it, but, the Qr code could be bigger, it seems small in some way. The custom text is cool, too. And the link below showing "More Info" is a thing that i would add in my future html codes.