Skip to content
OverviewSolutions
9
Comments
9
Faith Achieng
@FaithAchieng

All comments

  • Faith Achieng•110
    @FaithAchiengPosted 4 days ago

    Great work !

    0
  • Faith Achieng•110
    @FaithAchiengPosted 7 days ago

    Great work! Maybe reduce the width of the card.

    0
  • Holloman777•40
    @Holloman777Submitted 9 days ago
    What are you most proud of, and what would you do differently next time?

    getting the grid-template-rows and column properties down.

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

    Grids and the positioning.

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

    I think i have a better understanding of grid-template-rows and columns now.

    Testimonials grid section

    1
    Faith Achieng•110
    @FaithAchiengPosted 9 days ago

    Your work is amazing , I like how you've captured the details precisely.

    0
  • Facundo Andrés De Los Rios•200
    @FacundoDLRSubmitted 11 days ago
    What are you most proud of, and what would you do differently next time?

    🛸Hello FEM Community! I'm Facundo and this is my solution for this challenge! 😊

    🛠️ Built with:

    • HTML 🧱
    • Advanced CSS (Pseudo classes/elements & combinators)🎨
    • Variable Fonts 🔠
    • Flexbox ⚒️
    • Grid ⚒️
    • Responsive Design
    • SEO 🌍
    • Mobile First 📱
    • NEW media query ranges syntax
    • Conventional commits (git) 📜

    This project challenges us to study the different ways of designing a layout, in this case I solved it using the grid layout system

    Again, thanks to the Front-End Mentor team that creates challenges that make us learn a lot from doing them. 💟

    If you have any suggestions on how I can improve this project, feel free to leave me a comment!

    Feedback welcome 😊

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

    The truth is that the most difficult thing for this project was using the grid layout system to organize the cards section, I spent a long time looking for solutions and ways to make it simple. The truth is that this system is very entertaining due to its complexity and I hope to be able to apply it in more projects to develop increasingly complex designs.

    Four card section [Pure CSS & Grid Layout]

    1
    Faith Achieng•110
    @FaithAchiengPosted 10 days ago

    Amazing work!

    0
  • Faith Achieng•110
    @FaithAchiengPosted 12 days ago

    Great Work!

    0
  • Suleiman Oz•100
    @Suleiman-OzSubmitted 14 days ago
    What are you most proud of, and what would you do differently next time?

    design to code

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

    fun to code

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

    layout

    Recipe Page

    1
    Faith Achieng•110
    @FaithAchiengPosted 14 days ago

    The layout for preparation time:font-family: 'Outfit',sans-serif; border:1px solid hsl(330, 100%, 98%) ; background-color: hsl(330, 100%, 98%);

    0
  • Faith Achieng•110
    @FaithAchiengPosted 17 days ago

    Your design is fantastic and really well-executed! The only minor suggestion I have is to update the font to Inter, as specified, to keep it consistent with the original requirements.

    0
  • Faith Achieng•110
    @FaithAchiengPosted 18 days ago

    Your design is well structured, the only problem I see that in the paragraph you did not use the Figtree font.

    0
  • Faith Achieng•110
    @FaithAchiengPosted 21 days ago

    Your solution aligns closely with the original design. The only noticeable difference is your design appears slightly smaller than the original.

    0