I am proud of how i was able to get past my problem by using the Display: grid
attribute.
I had a problem with the display part.
What specific areas of your project would you like help with?The display parts.
I am proud of how i was able to get past my problem by using the Display: grid
attribute.
I had a problem with the display part.
What specific areas of your project would you like help with?The display parts.
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.
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
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!
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.
I got to learn about
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?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
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.
試したことのないコードの書き方
What challenges did you encounter, and how did you overcome them?試したことのないコードの書き方
What specific areas of your project would you like help with?古めかしいコードの修正
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>.
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.
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!
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.
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! :)
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
Looks like one of my fonts didn't work properly for some reason.