Skip to content
Submitted almost 3 years ago

Product preview card component

dvbenthem•110
@dvbenthem
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello Coders,

I would love to have some feedback on where to put the mobile design css code. Where is the best solution? Put it in a separate .css file? or at the end of the project styles?

Thanks in advanced! Danny

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Account deleted

    Hi Danny,

    Generally, I think it's better to have one CSS file for production since that will only be one request from the client. If you have multiple CSS files, that means multiple requests and can impact load times.

    When you are working on your own projects, it's totally fine to have multiple files for organization, if it makes it easier for you! However, once you are done with all the code, I would recommend merging them into a single file before hosting online.

    Personally I just comment out a line and put MOBILE LAYOUT in it, then paste all the mobile stuff under it. As long as it's easy to find and read, I don't think where you put it in the code is much of an issue, but I am not the most experienced person here that's for sure!

    Marked as helpful

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