Skip to content
OverviewSolutions
5
Comments
4

arcueid-x

@arcueid-x50 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

  • CSS Flex , CSS Grid , JavaScript

    #foundation
    arcueid-x•50
    Submitted 4 months ago

    I noticed that when I inspect the webpage on my computer, the responsive design works perfectly. However, when I open it on my actual phone, it seems like the responsiveness doesn't work at all, which is really frustrating to me. Additionally, regarding line breaks, I'm not sure how to control when to break lines, and on the mobile side, it seems to follow a completely different line-breaking behavior.

    1 comment

  • CSS Grid,CSS Flex

    #foundation
    arcueid-x•50
    Submitted 4 months ago

    I'm not sure how well I'm using media queries. I also realize that I used to rely heavily on div and span elements, which probably isn't the best practice, right?

    0 comments

  • CSS Grid

    #foundation
    arcueid-x•50
    Submitted 4 months ago
    0 comments

  • Grid，vertical--align

    #foundation
    arcueid-x•50
    Submitted 5 months ago

    I tried to create a responsive layout using percentages, but I didn't succeed.

    1 comment

  • CSS Grid

    #foundation
    arcueid-x•50
    Submitted 5 months ago

    I don't know how to set up responsive layouts/mobile

    1 comment

Latest comments

  • arcueid-x•50
    @arcueid-x

    I noticed that the position of the bullet points before your <li> tags isn't quite right, and their color hasn't been changed either. You can use li::marker in your CSS to modify the style of these bullet points. Additionally, you can adjust the margin of the <ul> element to fine-tune the position of the bullet points. Additionally, regarding your responsive design, since my screen is relatively large, the main content of your webpage appears quite big. Perhaps we could also use @media queries to implement a more responsive layout. Also, regarding your mobile version of the page, it seems that it hasn't been properly adapted. It would be a good idea to work on that as well.

  • arcueid-x•50
    @arcueid-x

    I noticed that you used JavaScript for interactive rendering, but there's an issue where the green color added by a click only disappears after clicking again. Maybe we can remove the previously added green color before rendering the next one each time we click. Maybe we can use mouseover or mouseenter for rendering when the mouse hovers, instead of using click.

  • arcueid-x•50
    @arcueid-x

    html font-size

    I notice that you did't set the html font-size,but the request doc ask us to set html font-size 16px.Also,I think I should learn from you that I seldom use the rem,I think it's a good habbit.

    box-shadow

    I notice that you use the card::before to made the shadow,maybe you can learn the box-shadow to made the black shadow,I think you are so clever to slove this problem so creative.

    color:var(--black)

    I did't see it before,thank you give me new perspectives.

  • arcueid-x•50
    @arcueid-x

    I'm not sure if using many classes is good or not. Of course, perhaps we can also set some ids to replace classes.but for text line breaks, I think there might be a more flexible way to display it. We can place text from different lines into multiple <span> elements and then use grid layout to achieve line breaks.