Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Card using CSS Flexbox

Priya Garg 200

@Priya366

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my first project on frontend mentor which I have completed without watching any tutorial .It took me one and half hour to build this project. I find it difficult in making mobile first layouts . I would love to have your feedbacks on ''How to make a card responsive for a screen size below 350px width?"

Community feedback

IanV 90

@ivdevelopment

Posted

Nice work!

I would make a folder called css and put the style.css in that folder just to make it more organised.

Also you forgot to add the font to your solution :)

But overall great work, keep training!

Marked as helpful

0

Priya Garg 200

@Priya366

Posted

@oblivionservers Thanku for you feedback. I would definitely make a css folder in my next project. But I can't seem to understand what kind of font are you talking about?

0
IanV 90

@ivdevelopment

Posted

@Priya366 Take a look inside the style-guide.md, in there you can see which font you have to add to your project.

I see that you indeed added it into your html file but you still need to apply it in css.

Easiest way to do this for this project is by setting the font family on your body :) Goodluck

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord