Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
11
AllisonFavour
@AllisonFavour

All comments

  • Tonye Hugo Onuoha•600
    @Tonye-Onuoha
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of my ability to complete this project.

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

    Other than the fact that I underestimated how much JavaScript code I would have to write, I didn't encounter any major challenges.

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

    I don't think I need much help with this project, but I am open to any sort of feedback on my work.

    Tip-Calculator-App Solution

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 4 months ago

    Nice, the layout looked good on my desktop view, welldone

  • P
    Katrien Schuermans•1,420
    @katrien-s
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I keep struggling to take JavaScript further then novice-level. I know what I need to do, but I don't manage to fully implement it on my own.

    Responsive JSON-injected grid-dashboard

    2
    AllisonFavour•170
    @AllisonFavour
    Posted 5 months ago

    Quite impressive to me, i like how you populated the data to the UI using Javascript in app.js

    I feel the card looks too big for mobile and desktop, little padding, if it was meant to take the whole width then its alright to me but i feel increasing the padding of the card to the document body can be increased

  • Abdurakhim•170
    @kanosay
    Submitted 6 months ago

    Responsible FORM (React)

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 6 months ago

    Your site is not hosted properly, try to resolve it or alternatively you can use netlify or vercel to host it.

  • P
    Kiara•310
    @Kiara523
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    It was challenging as always, I feel that I've learned a lot

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

    some issues with the icons and stacking context, but i have it all figure out now by going through documentation and blogs and I feel that it made me a better developer...😁

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

    I would like suggestions on useful resources to learn better how to work with images in general

    Article preview component HTML CSS Javascript

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 6 months ago

    I went through your code and also viewed the site preview in the browser and overall it is good, looks like the design preview specified. The structure looks semantically correct as well, the only input i can add is to use padding on the container holding the contents on the left, which in your case you title article-container, the reason for this is to ensure same padding all around. Asides that, you did a great job and i am impressed!, keep it up Kiara

  • Felipe Ramos•60
    @RanndaLL0
    Submitted 7 months ago

    Testimonials Grid

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 7 months ago

    Looks good overall, i will advise you make your span with the class name of .education a little darker on the cards with white background. If you take note, the border radius is only on two cards which is the first card with the background of violet and the fourth card with the background color of very-dark-blackish-blue.

    Also try to separate each of your challenges into separate folder for maintaining clean code.

  • P
    taru2512•60
    @taru2512
    Submitted 7 months ago

    responsive four card feature using html css

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 7 months ago

    The visual output on the browser looks good and similar to the provided design

  • Tomoya300•80
    @Tomoya300
    Submitted 8 months ago

    Responsive product preview card with basic HTML and CSS

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 7 months ago

    Impressive, looks similar to the design preview for the desktop and mobile view

  • Nisha Kumari•300
    @technoish
    Submitted 8 months ago

    Resposive recipe page

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 8 months ago

    Basically your output looks good and i believe you put effort into reproducing the provided design. I noticed you havent edited your markdown or written a bit about your learning or how you came to the final solution, so i will advise you look into that. Welldone Nisha

    Marked as helpful
  • ernieJohn•80
    @ernieJohn
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I was more comfortable doing the task than before.

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

    about responsive design and i overcome it by watching youtube videos and chat gpt.

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

    I want to be more comfortable in using the tags because i was confuse which tag to use.

    Social Link Profile

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 9 months ago

    Keep it up, looks as close to the expected result as can be. Kudos, keep practicing and you will definitely improve and learn more with enough experience to help in the future.

  • Jas•210
    @ajasmine94
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I think I am most proud of finishing this in less than 3 hours while making it a little close to the source, and the fact that I managed to make it responsive using just Flexbox. I think I would try grid or use plain CSS then implement media queries just to enhance more on my basic skills

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

    I encountered a lot and took time to research on Google / Stack overflow. These mostly involves importing font faces or true type font templates, adding svg images, and then using webp! It's the first time I encountered and used the picture and source tags...

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

    I'm open to learning other perspective or better solution which may help in making my script better in terms of readability.

    Also, in terms of how I displayed the images, I'm still not sure if using the max-width so it doesn't overflow and setting a fixed size on its container is the best solution in that aspect. If anyone could help me figure out how to better set the size of my card to match the original.. how can i figure which max-height or max-width would be best set?

    Blog Preview Card using CSS Flexbox

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 9 months ago

    Its impressive and you definitely should try to work on the other methods and solutions just as you mentioned.

  • Victor Sobrinho•150
    @victorsobrinho93
    Submitted 9 months ago

    Qr Code Component CSS Flexbox

    1
    AllisonFavour•170
    @AllisonFavour
    Posted 9 months ago

    This is very impressive, your code looks clean and the layout came out perfect on my browser and this is very close to the design provided, keep it up and strive to improve.

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub