Skip to content
OverviewSolutions
7
Comments
5
Real uNondaba
@Nondaba

All comments

  • Real uNondaba•90
    @NondabaSubmitted about 2 years ago

    I faced issues with laying out and color overlaying images from mobile to desktop layout with the picture element, I then searched for another way of doing it on YouTube to my rescue found the background property to suffice. Shout out to Sean Tracey channel. Is it the best practice for using empty div's to depict and overlay images?

    CSS Grid, background property

    2
    Real uNondaba•90
    @NondabaPosted about 2 years ago

    Hi Adriano, I am well and yourself. thanks for the tips and they are noted.

    1
  • Anubhav Ray•140
    @Anubhav-RaySubmitted about 2 years ago
    1. How do I make this website according to mobile design?
    2. How do I pull up the strike through price so it is inline with the bold price as given in the design for desktop

    Product Preview Card

    3
    Real uNondaba•90
    @NondabaPosted about 2 years ago

    Hey, @Anubhav Ray. Congrats on finishing the projects, you did a really good job.

    1. Use the media query property to layout according to mobile design and stipulate the max width at which you want the styles to take effect. There you can apply your styles to classes or elements to fit mobile size.
    2. Try using position property, set it to relative and top property assign it a negative value to move the strike through price up.

    I hope this helps. Happy coding👍.

    1
  • Real uNondaba•90
    @NondabaPosted about 2 years ago

    @barnilsarma, thanks for the observation and will definitely try that out.

    0
  • Real uNondaba•90
    @NondabaPosted about 2 years ago

    Hi. Try resubmitting the page.

    Marked as helpful
    1
  • peninoule•80
    @peninouleSubmitted about 2 years ago

    Hello,

    I'm kinda new to the css game. I've looked at some best practices to start off as clean as possible.

    I tried building this projet using the "BEM" methodology as well as the "7-1" Sass project organization.

    Feel free to let me know what I did wrong with my classes, variables, folders and files organizations, stuff like that.

    On the technical aspect, I had some trouble sizing my image. I tried a lot of combination with max-content, min-content, fit-content etc... But no luck.

    In the end what worked for me was to wrap everything inside another flexbox. The sizing now seems pretty accurate, yet I am not sure as to why ^^'

    Thanks a lot for your feedbacks Cheers, peninoule

    QR code using sass, vite, flex and grid

    1
    Real uNondaba•90
    @NondabaPosted about 2 years ago

    Hi Peninoule. Congrats on finishing the challenge and great work. You need to have main tag as a container for your HTML that way there will be no accessibility issues. I hope this helps🙂.

    1