Skip to content
OverviewSolutions
2
Comments
2

Wuffskyarts

@Wuffskyarts60 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • blog-preview-card-main-HTML-CSS

    Wuffskyarts•60
    Submitted over 1 year ago

    I'd love to know if there are any areas I could optimize my CSS. I feel some of my styles could be assigned to the body variable. I'd also like to know if there's another more optimized way of coding this card.

    1 comment

  • QR Code Component Exercise HTML/CSS

    Wuffskyarts•60
    Submitted over 1 year ago

    I'd love to learn more about Bootstrap! While it's great for certain areas of a website, I also find CSS easier in other areas. If possible, I'd love to figure out a way to combine the two, as Bootstrap buttons are easier to configure.

    1 comment

Latest comments

  • Wuffskyarts•60
    @Wuffskyarts

    I really like the final result, it looks super well done! Looking through your CSS, I think it's really well structured. My one suggestion would be utilizing the root: option for your colours. That way instead of having to type out the whole value, you can use color: var(--yellow), ect.

    Super well done, as a beginner coder myself I don't have much else to say! Great job :)

    Marked as helpful
  • Samuel Nerat•120
    @Samuelnerat
    What are you most proud of, and what would you do differently next time?

    I am most proud of the design and how I got to achieve it with plain HTML and CSS. Next time I would like to work with other technologies to achieve the interface

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

    The challenge I encountered at first was responsiveness I overcame it by researching a solution

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

    I would like feedback on the code. if there is anything I should have used to make it more efficient or easier.

    Qr code solution using HTML & CSS

    2
    Wuffskyarts•60
    @Wuffskyarts

    First, I think you did amazing on the final design's result! It looks perfect. I can relate to learning the responsiveness of a webpage; it can be quite a pain.

    Looking at the responsiveness, I think you nailed it! It resizes perfectly.

    A similar issue I ran into, I think there could be some minor tweaks to your <div>'s. The <div class="container"> works as the parent container. You can keep all the child elements in another div (img, h1, p) inside the parent div without separating the image and text (h1, p) with two different divs.

    You can define .child img, .child p and .child" h1 in your CSS. Another suggestion is your "*" all tag; you can determine the default text style to remove the .child p tag within the CSS.

    • { font-size: 15px; font-family: "outfit," sans-serif; text-align: center; }

    I think you did fantastically, and your code looks lovely! These minor tweaks can clean up your CSS for much larger projects (500+ lines) :)

    I can relate to this project; it took me a while, and I'm still learning HTML, CSS and JS.

    Marked as helpful