Skip to content
OverviewSolutions
8
Comments
7
Teboho Mokgosi
@SirTebz

All comments

  • Mario Kreitz•210
    @mariokreitzSubmitted 18 days ago
    What are you most proud of, and what would you do differently next time?

    i really tried hard to follow the semantic html5 structure and tried out the aria attributes

    
  
    
  
  
    
      Shift the overall look and feel by adding these wonderful touches to furniture in your home
    
    
      
        Ever been in a room and felt like something was missing? Perhaps it felt slightly bare and uninviting. I've got
        some simple tips to help you make any room feel complete.
      
    
    
      
        
          
        
        
          Michelle Appleton
          28 Jun 2020
        
      
      
        
          ${getSVGForShareOption("share")}
    What challenges did you encounter, and how did you overcome them?

    the outsideClickEventHandler.. with a little bit of help during the debuggin from chatGPT i figured out

    && target.id !== "share-button" && !target.closest("#share-button svg")

    and here is my solution =)

    function closeShareMenuOnClickOutside(event) {
  const target = event.target;
  const shareMenu = document.getElementById("share-menu");
  const isClickOutsideShareMenu =
    !shareMenu.contains(target) && target.id !== "share-button" && !target.closest("#share-button svg");
  if (isClickOutsideShareMenu) toggleShareMenu();
}

    article-preview-component

    1
    Teboho Mokgosi•130
    @SirTebzPosted 18 days ago

    Great design implementation

    0
  • Generalissimo•110
    @General4904Submitted 3 months ago
    What challenges did you encounter, and how did you overcome them?

    Deploying the site

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

    Site publishing

    Testimonial Grid Section

    1
    Teboho Mokgosi•130
    @SirTebzPosted 3 months ago

    Great design implementation. For site publishing consider the guidelines when submitting, additionally, in your GitHub repo navigate to Settings, then Pages, under Branch, select your branch and save, give it a minute it should be up and give you a link. All of them once you have published your material in GitHub.

    0
  • Carlos Al•200
    @crsaeleSubmitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully completing the Product Preview Component challenge, which was made possible thanks to the guidance and resources provided by Front-end Mentor.

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

    During the development process, I encountered a few challenges that tested my problem-solving skills. One of the main hurdles was achieving the desired layout and spacing between elements, particularly when it came to aligning the product image, title, and description. To overcome this, I relied on the design specifications provided and carefully examined the spacing and margins used in the reference image. I also utilized the browser's developer tools to inspect and adjust the component's layout in real-time, ensuring that it closely matched the design.

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

    I would love to receive suggestions on how to improve the accessibility of the component.

    I am also interested in learning more about best practices for structuring and organizing CSS code, as I feel that my current approach could be optimized for better maintainability and scalability.

    Responsive product preview component card using CSS flexbox

    1
    Teboho Mokgosi•130
    @SirTebzPosted 3 months ago

    Great solution, perfectly executed!

    1
  • Teboho Mokgosi•130
    @SirTebzPosted 4 months ago

    Great solution, really inspired by the way it came out.

    0
  • Teboho Mokgosi•130
    @SirTebzPosted 4 months ago

    Overall, the project demonstrates a solid understanding of front-end development principles with good use of semantic HTML, enhancing readability and accessibility. The layout is responsive across various screen sizes. The code is well-structured, readable, and reusable. The solution closely follows the design, and I can't find any major faults.

    Marked as helpful
    0
  • Achmad Anwar Asyirri•100
    @asyirriSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Im able to do this just with myself is impressive. and i want to try something different like using tools to or plugin to improve my coding experiences.

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

    In this challange. i already encounter with pseudo element like hover. i think i just read a bit of documentation and somehow it works.

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

    Its always with responsive design at different devices and different display.

    My solution on Challange #2

    1
    Teboho Mokgosi•130
    @SirTebzPosted 4 months ago

    The project effectively uses semantic HTML and demonstrates a good understanding of front-end principles. There is accessibility and the layout is responsive. The code is well-structured and readable, enhancing reusability.

    0
  • Teboho Mokgosi•130
    @SirTebzPosted 4 months ago

    The solution effectively uses semantic HTML and demonstrates a good understanding of front-end principles. The layout is mostly responsive and meets the requirements. The code is well-structured and readable, enhancing reusability. From here on this is a great foundation for more challenging projects

    Marked as helpful
    0