Skip to content
OverviewSolutions
3
Comments
3

vaguepizza

@vaguepizza50 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

  • Social Links Profile

    vaguepizza•50
    Submitted 12 months ago

    Does using flexbox add some margin or padding within the container? Any feedback on how to make my code shorter would also be appreciated!

    1 comment

  • Blog Preview Card using HTML CSS

    vaguepizza•50
    Submitted 12 months ago

    I wanna know how can I make sure my margin, font-sizes etc, match with the design image. Is there a css library or framework I can learn to make this more easier and efficient.

    1 comment

  • QR Code Component using CSS Custom Properties

    vaguepizza•50
    Submitted 12 months ago

    I firstly wanna know if my CSS Code is organized and efficient enough, and if there is something else I could've done better in the CSS. I also need some Feedback on naming CSS Variables for custom properties especially the color variables. I also wanna know, What's my next step now.

    1 comment

Latest comments

  • Alejandro•430
    @adelayglesiafleitasSubmitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I enjoyed working on it in React, but I would like to try doing it with Tailwind CSS to enhance the appearance and user experience.

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

    The button could be improved by using a component for the solution.

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

    I am open to any suggestions for improvement in order to grow in my development skills.

    react,css

    1
    vaguepizza•50
    @vaguepizzaPosted 12 months ago

    I think you've used a different font and wrong font weights too.

    Marked as helpful
    0
  • P
    Judge Micko S. Silvestre•415
    @mickoymouseSubmitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Got to learn about some things about hierarchy selectors. Will definitely try to learn more about them.

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

    Not being able to select some elements/classes. Turns out I was doing it wrong since I didn't even consider the dom structure.

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

    As usual, mark ups and whatnot.

    I used an article since I thought this can be put in any website as a standalone component. Not sure if my assumption is right but from what I've learned so far it should be. Please let me know otherwise.

    Feedbacks are greatly appreciated!

    HTML and CSS Foundation

    2
    vaguepizza•50
    @vaguepizzaPosted 12 months ago

    I think you can reduce your padding, and if you haven't, use font-size of 16px = 1rem for your paragraph element

    1
  • korken•10
    @kjdutaroSubmitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I'll try to use tailwindcss next time.

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

    I struggled a bit with placing the component vertically on center with flex, so I just opted to use transform instead.

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

    I managed to understand a bit of at least everything that I used when I wrote this one. But one thing I really struggle to understand is the assigning of values to the sizes. What sizes should I use (px, vh, rem, em)? What are their differences and what is the best practice when assigning these values?

    Qr code component using custom css

    1
    vaguepizza•50
    @vaguepizzaPosted 12 months ago

    well It's recommended to use rem for all your font sizes, and ems for depending on a situation, I'll link a couple of videos here, and if you watch them trust me you'll be clear with what, where and why you should be using rem or em units

    Em and Rem Explained

    Why not to use em for font-sizes

    0