Skip to content
OverviewSolutions
7
Comments
6
Sunay Dagar
@suzzy-dszy

All solutions

  • Submitted about 2 months ago

    Responsive Testimonials Section made using HTML5, CSS Grid & Flexbox

    • HTML
    • CSS
    1

    For those who review my code;

    • Is my HTML semantic good?
    • Are the BEM classes properly used and defined, if not, any modifications i should make next time to make writing my SCSS more streamlined. I felt like i repeated my self in a sense a few times.

    -Thank you in advance for checking my solution out. 💯

  • Submitted about 2 months ago

    Responsive Four Card Feature using CSS Grid & Flexbox

    • HTML
    • CSS
    1

    • I feel like I kind of hacked😎 my way through when it came to the desktop design. I used a combination of Flexbox and Grid in order to get the layout required. Is there truly no way to do it using purely CSS grid or perhaps some other way unbeknownst to me?🤔

    • If there is anything i could do to make my HTML code more semantic perhaps, or improve on accessibility, any help would be much appreciated. 🙏

    • This is my second time using SASS, so any advice on file structure, code structure, cool tips & tricks, etc. are highly appreciated 😄🙏.

    -The final Layout closely resembles what's required, but falls just a bit short, any suggestions on what changes i should make would be much appreciated.

  • Submitted 2 months ago

    Product Preview Card using Semantic HTML 5, SCSS + CSS Grid & Flexbox

    • HTML
    • CSS
    1
    • The preview looks good on small devices up to medium laptop screens but on large screens in my opinion the product card looks too zoomed in. I followed a mobile first approach and i guess that's where the issue is? I'm not sure, but I would've like the product card to look a bit smaller and centered on larger screens so that it looks a bit more aesthetically pleasing to the eyes. So if anyone has any tips on what i could do differently next time please feel free to share. -Also, since this is my first -time using SCSS, any tips/tricks would be much appreciated for example on how to optimize code / file structure, etc.

    -Thank you in advance 🙂.

  • Submitted 3 months ago

    Minimalist Recipe Page built using HTML5 & Flexbox

    • HTML
    • CSS
    1
    • I made sure to use the proper semantic HTML elements, if I have made a mistake any feedback would be appreciated.
    • Any feedback regarding the structure of my code especially the CSS would be greatly appreciated.
  • Submitted 3 months ago

    Social Links Profile Challenge using HTML5, CSS Grid & Flexbox

    • HTML
    • CSS
    2

    None in particular but any help / feedback would be greatly appreciated. 👍

  • Submitted 3 months ago

    Blog Preview Card using HTML5 and CSS Flexbox

    • HTML
    • CSS
    1

    None in particular but any help / feedback would be greatly appreciated. 👍

  • Submitted 4 months ago

    QR Code Component using HTML5 and CSS Flexbox

    • HTML
    • CSS
    1
    • When styling my main element;
    main {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #ffffff;
        width: 25rem;
        border-radius: 15px;
        padding-top: 20px;
        margin: 10px;
      }

    Initially I had included a height property set to 80vh to try and achieve the required look and mainly to fit the content inside because I thought the contents would overflow and not fit in the element by default, however upon shrinking and expanding my website it didn't quite preserve the layout I wanted. On a whim, I deleted the height property and suddenly my content fit properly in contrast to what I originally thought and was also properly responsive as to my needs. I would like some insight on to why I did not need to set a height property and how my content seemed to fit perfectly automatically . I am new to flexbox so maybe it's just some oversight, but any help would be greatly appreciated :)