Skip to content
OverviewSolutions
4
Comments
1
Pau Ferrer
@PaulOCastle

All comments

  • Renzo•175
    @renzo4webSubmitted over 3 years ago

    👋 Hi, in this challenge at first I thought it would be easy but then when it came time to adapt the images responsive, was where I found it difficult, if anyone has any tips for positioning images in responsive designs that tell me please!!! Greetings and any criticism is appreciated

    ⚠ Please check the site, the screenshot is wrong.

    FAQ accordion card

    1
    Pau Ferrer•85
    @PaulOCastlePosted over 3 years ago

    Hi @renzo, I think you have done a good job, but need some work on the images for sure!! ;P I just finished the same challenge and found that you have a great resource in https://www.w3schools.com/ about CSS, HTML and JS. Check out the background options, there is a way to set the positioning, size and much more. Regarding the other images, I used margins and overflow hidden for the desktop version and it worked. In the other hand, I have been practicing my SCSS skills and found that breaking the code in smaller & per-component files, helps to bring more reusability. So defo I will suggest you to look into the SCSS and how to organice your code and use various files. My preference is to create folders inside the SASS folder to contain

    1. HELPERS (where I include my mixins, variables and functions)
    2. GLOBALS (where I include my resets and commons)
    3. LIBRARIES (where I include libraries like bootstrap or similar)
    4. COMPONENTS ( where I include the styles of the reusable components of the app/web)
    5. MODULES (where I include the special modules to alter the general styles e.g. components, libraries, etc)
    6. PAGES (where I include the specific styles of each page if needed) Hope this helps and just to be clear, this is not a criticism, but a hand from a learning mate!! :) Have a happy coding!!
    2