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

  • Gloria Jumai Williams• 10

    @Jumai26

    Submitted

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

    What I am proud of: I was able to use the HTML DOM and the event listener effectively.

    What I would do differently: I would make my work more condensed. there were too many code repetitions to get the desired outcome

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

    i could not get the exact design for the active desktop design, so I made an alternative, which was also very visually appealing, but I will still try my hands on it.

    The desktop design took my time. it is something I will improve on.

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

    what else can I use to display and hide a specific div/section asides using the classList and toggle.

    use of tailwind css and flexbox

    1

    Edun Joshua Olubori• 120

    @JoshuaOlubori

    Posted

    Great work. The link popup could be better though

    0
  • OL• 40

    @OlamideLanre

    Submitted

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

    This project helped dive deeper into css grid, I learned how to span colums and rows, how to shift contents from one column/row to another. I am really proud of that. I can't think of anything I'd have done diffrent at the moment.

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

    Making the layout of the cards and aligning the quote image was my biggest challenge. I figured out the layout thanks to kevin powell and w3school, but I am still struggling with the image.

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

    Well, like I stated the quote image was one of my biggest challenge on this product, especially for bigger screen. But I have fixed it :)

    Testimonials-grid-section

    1

  • Vincin Christmas• 130

    @VincinChristmas

    Submitted

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

    I gained more experience using flexbox in this project. I learned that it was better to group some cards together. I originally didn't have the cards grouped. I still want to know if I could have used flex, basis, shrink, or grow in this project. I think I applied flex-wrap correctly

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

    I was confused about exactly which flexbox settings to apply.

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

    I would like more help with flexbox layouts

    FourCardFeatureSection, My Solution

    1

  • Abd Ur Rehman• 380

    @A-noob-in-Coding

    Submitted

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

    It was easy one

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

    While using figure element for the images, I found that figure element retains its default margin even using the css reset

    *{
margin:0;
padding:0;
box-sizing: border-box;
}

    Can someone confirm this?

    Product Info Page

    1

    Edun Joshua Olubori• 120

    @JoshuaOlubori

    Posted

    Great solution overall. The paddings are a little off though

    1
  • Andre Chandra Putra• 40

    @AndreChips

    Submitted

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

    I would probably learn how to use semantic tags, but for now I don't know how to structure them, and probably I would want to know more about sizing using rem.

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

    Overall challenges is sizing and using semantic tags in the project.

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

    Help me learn more about sizing and using semantic tags.

    Recipe Page made using HTML CSS

    1

    Edun Joshua Olubori• 120

    @JoshuaOlubori

    Posted

    Great work. The list numbers need to be of a different color than the list text

    0
  • Edun Joshua Olubori• 120

    @JoshuaOlubori

    Posted

    The color and font-weight is a little off but otherwise, great job 👏🏾

    0
  • Vincin Christmas• 130

    @VincinChristmas

    Submitted

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

    It was easier to understand most of the design styles and requirements for this project because it is my second one. I didn't understand the 'active states' requirements though. I just took a wild guess and added hover to some elements.

    I really need to understand responsiveness though. I am still not sure when to use media queries. I will review this concept in my own time.

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

    Not so many challenges, except when I didn't pay attention to my screen zoom settings. I thought I had some css problems but I checked and say my screen was zoomed out to about 75%.

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

    Responsiveness and media queries

    Blog Preview Card, My Version

    2

  • Rajeev• 70

    @trajev

    Submitted

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

    I am most proud of the responsiveness created on this webpage using styles mentioned. I feel so great to view it in my iphone, ipad, and macbook air. I want to share my heartfelt gratitude to frontendmentor team and friends for helping to build this amazing project. which also make foundation for future projects and executions.

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

    I found a bit difficulty in making it responsive but I refered styles-guide.md for its sizes and colors which led this project to next level. and also helped to achieve this greatest milestone ever in my first project of frontend mentor.

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

    1. using own qr code of payment app.
    2. specifying own colors
    3. some more animations could be added.

    QR Code of frontend mentor website

    1