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

All solutions

  • Submitted

    3-column preview card using flexbox

    • HTML
    • CSS

    1

    Hi All,

    I started building this project with mobile first approach. I used CSS flexbox to align the elements. However, as I progressed with my code the layout for Website design ended up getting distorted and when I fixed that, the mobile layout is not working in the current solution.

    For instance, if I remove the following CSS code, then I get the <div> elements stacked on top of each other in mobile layout.

    .row{ display: flex; justify-content: center; }

    But then it brings the <div> elements to the left and I am not able to come up with an efficient solution to center them. I also used Margin property, but then it doesn't go well with screen changes.

    Could anyone help me understand where I am going wrong? Many thanks!

  • Submitted

    Profile card using Flex and CSS Positioning

    • HTML
    • CSS

    2

    Hi!

    This is my second challenge and I'm super excited to explore further :D In this challenge, I have aimed to use semantic elements wherever I felt it was needed. Hope it is correct.

    I also wanted to understand if there is a way to change the svg images background using CSS? For instance, I used an svg file as <body> background but I wanted the colors to be different than ones currently in use.

    Feel free to share your best practices to enhance the code efficiency! :)

  • Submitted

    QR CODE

    • HTML
    • CSS

    4

    Hi, Could anyone help me understand how we can create this website for a mobile version? Do we used media queries? In the readme file it mentions that the designs were created to the following widths:

    • Mobile: 375px
    • Desktop: 1440px I have just coded for a desktop version.