All solutions

• 

  Four Card Feature Section with HTML & SASS

  #sass/scss#bem

  ---

  

  Gloriaza Odyardy•160

  Submitted 7 months ago

  I would greatly appreciate any insights on how I can improve my file structure, rules, and SASS modules.

  Thank you!

  ---

  1 comment3 likes
• 

  [Component] - Product Preview Card with HTML & SASS

  #bem#sass/scss

  ---

  

  Gloriaza Odyardy•160

  Submitted 7 months ago

  Feedback and suggestions are welcome!

  Thank you

  ---

  1 comment2 likes
• 

  Recipe page with HTML & CSS

  ---

  

  Gloriaza Odyardy•160

  Submitted 7 months ago

  What is the font for ol in the instruction section? I cannot find it yet.

  Any feedback and suggestions are welcome

  Thank you!

  ---

  0 comments2 likes
• 

  Social Link Profile with HTML & CSS

  ---

  

  Gloriaza Odyardy•160

  Submitted 8 months ago

  Feedback and suggestions are welcome

  Thank you!

  ---

  1 comment1 like
• 

  [Component] - Blog preview card with HTML & CSS

  ---

  

  Gloriaza Odyardy•160

  Submitted 8 months ago

  For the implementation of :first-child to :last-child, has it been implemented correctly, or is there anything I can improve?

  Feedback and suggestions would be very helpful, and I do appreciate it.

  Thank you.

  ---

  1 comment2 likes
• 

  [Component] - QR code Card with HTML & CSS

  ---

  

  Gloriaza Odyardy•160

  Submitted 8 months ago

  I would like to know what your opinion is about my code in setting the width of the text and picture. Is this code the right step, and if not, what is the best practice in adjusting the appearance of wrapped text and setting the width in both text and pictures?

  main{
    text-wrap: wrap;
    text-wrap-style: pretty;
  }
  .qr-card {
    display: flex;
    flex-direction: column;
    place-items: center;
    gap: 1rem;
    max-width: 14rem;
    padding: 10px 10px 20px 10px;
    border-radius: 18px;
    background-color: var(--white);
  
    img {
      width: 100%;
      height:100%;
      object-fit:cover;
      border-radius: 14px;
    }
    h1 {
      max-width: 17ch;
      font-size: 1rem;
      font-weight: 700;
      color: var(--slate-900);
    }
    p {
      max-width: 25ch;
      font-size: 0.7rem;
      font-weight: 400;
      color: var(--slate-500);
    }
  }
  

  Thank you!

  ---

  1 comment1 like