Skip to content
OverviewSolutions
5
Comments
7

Sean Mafnas

@Makkatlahi110 points

I am a husband, a father, and a son. I am an aspiring web developer. To be continued...

I’m currently learning...

React JS, Next JS

Latest solutions

Latest comments

  • Elai5•220
    @Elai5
    What are you most proud of, and what would you do differently next time?

    I used Chakra.Next time, try different way of making responsive

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

    Setting extended theme on chakra, used google thou I ain't sure I did it right. Making the card responsive on tablet, the text and the heading

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

    Code review on how to import google fonts and using chakra responsive, how different its from tailwind.

    Responsive Perfume card

    1
    Sean Mafnas•110
    @Makkatlahi

    Awesome job! I liked that you used React and Chakra to set this up. I haven't actually heard of Chakra, but using something outside of Vanilla CSS definitely expands our knowledge of it. I know I had trouble with the responsiveness of mine. It was an error I had with structuring and use of Flexbox/grid in certain places. Nice work!

    Marked as helpful
  • Sean Mafnas•110
    @Makkatlahi

    Hey, Olorunbunmi! I noticed some subtle differences in your solution vs. the design; however, they are justified due to the fact that the PNG was a little difficult to distinguish elements against our implementation. I used a previewer on Mac to help out with the actual colors and sizing. The sizing wasn't exact, but I don't think that was the point of this exercise. I think this was a way to hone our skills in taking something made and try to replicate it as close as we can get it. Otherwise, great work!

  • Saivon Schenck•70
    @9rot353
    What are you most proud of, and what would you do differently next time?

    This is my first time finishing a project in a long time. Before last week, my last commit on this project was about 8 months ago. We are just getting started again and shaking off the rust.

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

    I faced the biggest challenge when creating the nutrition table. I knew I had to use either flexbox or Grid, but I haven't used either one of those technologies in a long time. I had to do some digging and found a course on Scrimba that gave me the refresher that I needed, and then solved the problem simply. It was a great reminder that sometimes, when you are coding, you need to be patient with yourself and give yourself time to remember something.

    I also had an issue with my IDE, for some reason, it wouldn't show the live server whenever I clicked the button. Instead, I would just get a blank Chrome loading screen. I tried updating the software I tried uninstalling and reinstalling the live server extension, neither of those attempts was the solution that I needed. Eventually, I restarted my entire laptop and was reminded that sometimes a good old off and on does the trick. Shoutout to the power cycle. #turnitoff #turniton

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

    I'm not sure if it is a responsive as it should be, I think my dimensions may be off just slightly.

    Saivon-Recipe-solution

    1
    Sean Mafnas•110
    @Makkatlahi

    Glad to have you back in the world of programming! hehe. Nice work getting all the elements in the layout. I also had trouble implementing the table because it had been so long when I covered that part of html AND css. Padding and margins in that can be tricky, too.

    Of course the scaling needs some work, but this is something that I noticed across all accounts. I use the previewer on Mac to try to get the closest sizing of each element. It's not perfect, but I don't think that's the objective in this course. I think it's just to help us to think and use our resources to execute the project all on our own. Great stuff!

  • P
    Anton Ryabov•240
    @antryabov
    What are you most proud of, and what would you do differently next time?

    I started using the clamp feature and I love it!

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

    I use the clamp function, but how do I choose the correct VAL value? clamp(MIN, VAL, MAX)

    Social links profile

    2
    Sean Mafnas•110
    @Makkatlahi

    Hey, Anton! You and I are not far off in our solution/design comparisons. Your solution looks great! I haven't been exposed to the clamp feature, though. You gave me something to look into. Did it help you in a significant way?

    I just took a look at your code and saw so many things I missed the mark on. I found it comforting that I wasn't alone in putting values like '0.6743rem'. It can get a bit tricky when a certain component is out of the typical flow, huh? Great Stuff! Keep it up!

  • Sean Mafnas•110
    @Makkatlahi

    Hey, Edward! So, I noticed the scaling is a bit different from the design. I know exactly why, though. For the first project, it took me so long to find the exact dimensions. So, I opened up the image files and dragged my selector tool over it which displays the dimensions in pixels. I found this to be very helpful in getting the solution as close as possible to the given design. Maybe, that could be something for you to try out. I hope this helps! Otherwise, getting everything in their general location looks great. Nice work!

  • P
    Felipe Fernandes•110
    @felipedfe
    What are you most proud of, and what would you do differently next time?

    I used clamp for the first time for making the text responsive. I plan to use it more often so I don’t need to rely on multiple media queries in future projects.

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

    This one was a very simple project, i think i did not faced major issues

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

    I often struggle with choosing the right HTML tags. I’d appreciate guidance on writing more semantic HTML

    Blog preview card made with HTML and CSS

    #pure-css
    2
    Sean Mafnas•110
    @Makkatlahi

    Hey, Felipe! I had the same concern with writing more semantical HTML. I did add that one thing I knew or learned was that when you apply the '<section>' tag, you have to consider whether the elements within it rely or directly relate to one another. I've been following this for this specific tag; however, I still have some trouble not immediately resorting to wrapping everything in a 'div'. It's one thing to follow along and another to actually decide for yourself what would be more suitable, isn't it? Cheers

    Marked as helpful
View more comments