Skip to content
OverviewSolutions
7
Comments
16
py-code314
@py-code314

All solutions

  • Submitted about 1 month ago

    Responsive Testimonial Cards using CSS Grid

    • HTML
    • CSS
    1
    1. Any advice on how to use BEM more efficiently
    2. Please let me know if I made any mistakes in using semantic HTML tags
    3. Any Sass advice on how I can use it to make the code DRY (for eg - use of mixins)
  • Submitted about 2 months ago

    Responsive Web Page using CSS Grid

    • HTML
    • CSS
    1
    1. I defined widths for images in HTML and applied height: auto in CSS as part of Global Reset. Is there a better approach to this? Should I define both width & height in HTML itself?
    2. I've added aria-hidden attribute to images. Am I right to use it in this context?
    3. I'm still new to Sass, so any advice is welcome
  • Submitted 2 months ago

    Responsive Product Preview Card using CSS Flexbox and Grid

    • HTML
    • CSS
    2
    1. First time made a project using Sass. So any feedback is welcome
    2. Used width: 100%; height: 100% on to fully cover the container with image. Please let me know if there's a better way to do it
    3. I created mixins for strikethrough text so that screen readers can read it. Please go through the code and let me know if I've made any mistakes there
  • Submitted 3 months ago

    Responsive Recipe Page using CSS

    • HTML
    • CSS
    1

    This project is mostly about semantic HTML. Please go through my html code and let me know if I made any improper use of html tags

  • Submitted 3 months ago

    Responsive Profile Card using CSS Flexbox

    • HTML
    • CSS
    1
    1. I changed background & text colors as I didn't like the colors in design file. I hope the color contrast is acceptable
    2. I'm still not sure that I'm naming the classes and custom properties right way. I appreciate if anybody could help me with that
    3. I used clamp() for changing padding. Is this function can also be used for spacing in addition to change font-size?
  • Submitted 3 months ago

    Responsive Blog Preview Card using CSS Flexbox

    • HTML
    • CSS
    1
    1. If you are familiar with BEM naming convention please go through my HTML class names and let me know if I made any mistakes there!
    2. In my CSS, did I omit to include any required properties in @font-face?
    3. I'm very confused about how to name custom properties in :root. How should I name them(by color names/font size or position or functional)? Please point me in the right direction if you can
  • Submitted 3 months ago

    Responsive QR Code card using Flexbox

    • HTML
    • CSS
    2
    1. I wrapped card image, title and text in individual divs. Is it advisable to do it this way or is there a better way to do it?
    2. Tried to use BEM nomenclature for class names. Please let me know if I made any mistakes!
    3. Little confused about the use cases of margins and padding. Is there any good resource out there which explains their proper use?
    4. Any alternatives to media queries so that I don't have to write them for every screen size?