Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
9
Julie
@salentipy

All comments

  • Coding-is-fun12345•70
    @Coding-is-fun12345
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud of how i was able to get past my problem by using the Display: grid attribute.

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

    I had a problem with the display part.

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

    The display parts.

    Testimonials grid section

    1
    Julie•130
    @salentipy
    Posted about 1 year ago

    As part of the learning track on responsive design, Frontend Mentor is requiring me to give feedback on someone's work, and they chose you, so that's why I'm "critiquing" your work. :) - I had a whole lot of trouble when I did this challenge, so I only have a couple of small things to offer. 1) when I re-size to view your mobile layout, it doesn't show up - did you not do a mobile layout? and 2) if you need some help with grid, I'm going through a course right now that I highly recommend. It's by Wes Bos - https://courses.wesbos.com - and is a good tutorial to follow along with. It has helped me understand several things better (so far - I haven't finished it yet). Keep up the good work.

  • Sagar•20
    @sagarthapaofficial
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    to be able to make responsive layout using css grid

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

    little bit issue in arranging grid but i was able to figure out quickly.

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

    NA

    Four card feature section using Css Grid

    2
    Julie•130
    @salentipy
    Posted about 1 year ago

    Hello! I'm doing one of Frontend Mentors learning paths, and part of that is giving feedback on someone else's work, and they chose yours for me to give feedback on. Having said that, I'm still pretty much a newbie when it comes to responsive layouts, so I don't really have too much I can say about your work. You succeeded in creating the layouts as required for both layouts, so most of what I would offer would just be my opinion on differing ways to achieve things. So, I really only have two things to suggest. First one, your header in your mobile layout needs to be centered. Second, you could achieve the colored top on each card a simpler way by creating a color class and using "border-top." But, like I said - just my opinion! Overall, this looks great and keep up the good work!

  • RoMeRy00•90
    @RoMeRy00
    Submitted about 1 year ago

    Card Parfume

    1
    Julie•130
    @salentipy
    Posted about 1 year ago

    This shot looks pixel perfect. However, when I check out the preview site, there is no mobile version when you resize the browser window. Did you not do that mobile version, or am I missing something? What you DO have is fantastic.

  • P
    Srijan Manandhar•450
    @srijanss
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I got to learn about

    • pseudo elements like ::before, ::after and ::marker
    • table elements and different accessibility best practices when using this element
    What challenges did you encounter, and how did you overcome them?

    Most challenging part was styling the list styles. Used pseudo elements and CSS counter elements to overcome them.

    What specific areas of your project would you like help with?
    • is my HTML semantically used ? I was not sure what element to use for the "Preparation time" block. I thought about using the blockquote as per the design, but it felt like it doesn't fit with the blockquote's description. So, used section element.

    Recipe page - Mobile first layout using Flexbox Grid

    1
    Julie•130
    @salentipy
    Posted about 1 year ago

    Everything looks good from what I can tell. Good job.

  • Eberesundayikechukwu•30
    @Eberesundayikechukwu
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    i'm proud of the fact that i'm beginning to get familiar with responsiveness and i'd do more next time.

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

    responsiveness

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

    responsiveness

    html semantics Css FlexBox

    1
    Julie•130
    @salentipy
    Posted about 1 year ago

    Hi! The one suggestion I would have to offer is to maybe use more semantic HTML. Break the page up into <header>, <main>, <footer> at least. This will improve accessibility.

  • hayami-01010•20
    @hayami-01010
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    試したことのないコードの書き方

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

    試したことのないコードの書き方

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

    古めかしいコードの修正

    card

    1
    Julie•130
    @salentipy
    Posted about 1 year ago

    Code looks good overall. I think you could use more semantic HTML to improve accessibility. Break up the site into meaningful sections. <header>, <main>, maybe put the content in an <article>, and a <footer>.

  • Samuel Nerat•120
    @Samuelnerat
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the design and how I got to achieve it with plain HTML and CSS. Next time I would like to work with other technologies to achieve the interface

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

    The challenge I encountered at first was responsiveness I overcame it by researching a solution

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

    I would like feedback on the code. if there is anything I should have used to make it more efficient or easier.

    Qr code solution using HTML & CSS

    2
    Julie•130
    @salentipy
    Posted about 1 year ago

    Your code looks nice to me. I'm still learning all about responsivity myself and dealing with some issues there, so I'm afraid I don't have any kind of specific feedback to offer in that regard. Semantic HTML looks good, in my opinion. Nice job!

  • Fish Ladder•140
    @fish-ladder
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of further refining my workflow to help stay organized. There was a lot of small detail tweaks required to come as close to the design as possible and my CSS would have been much more confusing to get around if I hadn't tried to keep it reasonably organized.

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

    I had quite a lot of difficulty with styling the table to look like the design. Particularly in getting the column padding and spacing to match the design closely.

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

    How can I get the bullets to align vertically in the middle of the list item (as seen in the mobile design where the text is in two rows)? I was unable to find a solution that achieved this.

    Recipe page using mobile-first responsive design

    2
    Julie•130
    @salentipy
    Posted about 1 year ago

    Looks good to me! Your code is SO neat; I love it! I did find one typo in there. It doesn't appear to be affecting anything, but I thought you would want to know. There is an extra semi-colon on line 77 after the word "block." Otherwise, again, it looks good to me! :)

    Marked as helpful
  • Julie•130
    @salentipy
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    .

    Recipe Card - Responsive Layout with HTML and CSS

    1
    Julie•130
    @salentipy
    Posted about 1 year ago

    Looks like one of my fonts didn't work properly for some reason.

Frontend Mentor logo

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