Skip to content
OverviewSolutions
10
Comments
11

Mithar

@M1th4ar190 points

إطرح الدنيا فمن عاداتها-تخفض العالي| وتعلي من سفل haveLimit = !true;

Latest solutions

View more solutions

Latest comments

  • Mithar•190
    @M1th4ar

    Nice work

  • P
    shpokas-io•150
    @shpokas-io
    What are you most proud of, and what would you do differently next time?

    With this project i`ve learned how to for with figma files. Managed to integrate tab key functionality without JavaScript Event handler, method used was

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

    How to implement keyboard input without JavaScript. To solve it i used method

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

    Non, it is getting quite easy

    Social links page

    1
    Mithar•190
    @M1th4ar

    Good job, i suggest adding in the body tag the display: flex; and flex-direction: column; and set justify-content: center; and add height: 100vh; That would make it in the center and it would be better i think.

    Marked as helpful
  • aurel0123•60
    @aurel0123
    What are you most proud of, and what would you do differently next time?

    I am proud to have finished the site in the time I set. It was really fun for me to do this mini project. I am waiting for your comments on the site I have made

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

    I had no difficulty in completing the site. I am just waiting for comments regarding the site.

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

    I would like to improve my React js skills

    Recipe-page with HTML AND CSS

    #accessibility
    1
    Mithar•190
    @M1th4ar

    Good work

  • AHAMED NAJAH•220
    @najahaja
    What are you most proud of, and what would you do differently next time?

    I am most proud of how I effectively implemented the design and functionality of the profile card, ensuring that it accurately reflects the project requirements and user experience goals. The integration of custom fonts and the attention to responsive design were key highlights that contributed to the overall success of the project.

    For future projects, I would focus on optimizing the CSS to enhance cross-browser compatibility and improve load times. Additionally, incorporating more interactive elements could further engage users and provide a richer experience. By setting up a more structured workflow and thorough testing process, I aim to address these areas proactively and refine the development process for even better outcomes.

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

    One of the main challenges I encountered was ensuring consistent styling and layout across different devices and screen sizes. Achieving proper alignment and centering of elements, especially with custom fonts and varying content lengths, required careful adjustments and extensive testing.

    To overcome these issues, I used a combination of flexbox for layout and media queries for responsive design. I also conducted thorough testing on multiple devices to identify and fix inconsistencies. By iterating on the design and applying targeted CSS adjustments, I was able to ensure a cohesive appearance and functionality across various screen sizes and resolutions.

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

    I would like help with ensuring that the custom font is applied correctly throughout the project and displays consistently across different devices and browsers. Specifically, I'm looking for feedback on the font's application to ensure it's properly linked and rendered for all text elements. Additionally, I'd appreciate insights into cross-browser compatibility to make sure the font displays well across different browsers. Lastly, I need guidance on how the font scales with the content to maintain a responsive design across various screen sizes. Any feedback on these aspects would be valuable for improving the overall consistency and appearance of my project.

    Frontend Mentor | Social Links Profile

    #accessibility
    1
    Mithar•190
    @M1th4ar

    well done

    Marked as helpful
  • Raquel•120
    @Saekit
    What are you most proud of, and what would you do differently next time?

    I am most proud of creating re-usable components. Next time I would like to try using the styled components library.

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

    At one point I was having trouble getting the article image to stay within the parent container div without overlapping. I was able to overcome this issue by googling a solution and found that I should use the object-fit property with max-height and max-width set to 100% to keep the image contained within its parent container.

    Blog Preview Card

    #react#vite#accessibility
    1
    Mithar•190
    @M1th4ar

    Good job

  • Mithar•190
    @M1th4ar

    Well done

View more comments