Skip to content
OverviewSolutions
4
Comments
4

lazyneedle

@Iamnotn3rd60 points

I am because we are (ubuntu)

I’m currently learning...

React, PHP, Laravel

Latest solutions

Latest comments

  • P
    lazyneedle•60
    @Iamnotn3rdPosted about 2 months ago

    For the case of different colors, You can use :root selector in css for resuable css style. And recipe component width is too narrow to the design file.

    0
  • AshomAzi•40
    @AshomAziSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Happy about the way I was able to easily set up the layout

    What challenges did you encounter, and how did you overcome them?

    The challange I faces was trying to change the color of the text when I hover over the social media links and I was able to achieve it by setting a hover state on the anchor tag and then adding the paragraph tag afterwards.

    What specific areas of your project would you like help with?

    I would need help on trying to make everything fit in the screen without having to scroll to see the rest of the content.

    Responsive Site Using Flexbox

    1
    P
    lazyneedle•60
    @Iamnotn3rdPosted about 2 months ago

    Hey bro, use Flexbox to the body because you can align card component box in center with it. also don't forget to check provided style guide file.

    0
  • P
    lazyneedle•60
    @Iamnotn3rdPosted 2 months ago

    Hey bro, check Figma file that provided by challenge project. I also tried that challenge with Figma file. That's really awesome and make me want to learn how to use Figma.

    0
  • Stephengrammy•60
    @StephengrammySubmitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Thanks to using the positioning selector in CSS I was able to center the content and make it responsive on all platforms so that helped me skipped the need of writing media query code

    What challenges did you encounter, and how did you overcome them?

    First off I had issues with aligning my main-container div to the center of the page I had to look up the best way to position it on and what i found worked like a magic and it made the page responsive on all platforms .

    Secondly getting the perfect width for the image was a little bit tough I had to try a lot number in px and % .

    Padding too was something i had to retry a couple of time cause the sub-container div was gluing to the side of the main-container div

    What specific areas of your project would you like help with?

    I would love see someone else CSS code and how they structured it

    I definitely don't know to use figma and i was unable to open the figma design tried importing to the figma app but got an error message saying file is unsupported

    Responsive QR Code Using HTML and CSS

    2
    P
    lazyneedle•60
    @Iamnotn3rdPosted 2 months ago

    use :root pseudo class style to make global css variables. that'll help a lot with various color. also use text-align: center to make main content to be aligned in the center.

    Marked as helpful
    0