Skip to content
OverviewSolutions
4
Comments
6

Dari3s

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

Latest comments

  • Dari3s•40
    @Dari3s

    I'd love to help out and go deep into details where you went wrong in your code but unfortunately i have some other work to attend to. I'd advice you check out my code for this solution and you can reply this comment , i promise to show you a proper analysis on what you should have done and what you shouldn't have done. please i will respond, i love the attempt you made

  • Dari3s•40
    @Dari3s

    The Description title has to be put in a separate container from the description itself perhaps using a <div></div> tag. Afterwards use the text-align: center; or justify-content: center; align-items: center; to center the text. You have to change the color of the Description title because it's not entirely black, try using color: rgb(75, 85, 107); and reducing the size of the description title to something smaller using em but make sure its still a <H1></H1>.

    There's not padding to the card, the text are too close to the edges. It has to be padded, try 15px or more till you achieve a correct layout.

    The description itself should be centered properly and should have it's own container. Line spacing should be increased by just some em units or px units.

    Finally, add a padding bottom to the end to make everything alright.

    NOTE : to avoid your paddings and margin contrasting, set the general stylings to 0

    *{
  padding: 0;
  margin: 0;
}
  • Dari3s•40
    @Dari3s

    there's nothing showing here, you check where you got the problem wrong

  • muratkilci067•200
    @muratkilci067
    What are you most proud of, and what would you do differently next time?

    Implemented a clean and semantic HTML structure.

    Used Flexbox for easy and responsive layout alignment.

    Applied a mobile-first approach from the beginning.

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

    Ensuring good visual balance on smaller screen sizes took a few adjustments.

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

    Include a light/dark mode toggle to make the UI more interactive.

    Enhance link interactions with subtle animations for a smoother user experience.

    Social links profile challenge

    1
    Dari3s•40
    @Dari3s

    I really like your code, it's cleaner than mine and is responsive. How do i do that to my code, its not properly balanced. Also, what do you use to check the dimensions of your preview without figma, do you just do it totally out of guessing?

  • Dari3s•40
    @Dari3s

    FOR THE BLOG CARD: Your blog card isn't the size of the Actual Design, it should be 375px wide and the border was too thick, you used 2px which was too much, try 1px next time. Your blog-card general padding is meant to be a bit bigger. The general border radius of the card should be larger, like 20px instead of 10px. The internal blog image size is okay the image border radius is good at 10px.

    Card-Designs: The blur-radius of your box-shadow should be set to 0 to make it solid. Your y and component were good.

    Content: the word spacing should be slightly adjusted and you didnt import the font(figtree) into your css. Everything about your author info (image and name) was good but pese don't use h3 for such cases next time. Instead use the css properrty, font-weight, to make it bold or bolder.

    You did well but your Html syntax knowledge needs some improvements.You can check out My Code on github to note some improvements,even i make mistakes too

  • Dari3s•40
    @Dari3s

    Absolutely incredible and astonishing, I'm still learning and yours is far better than mine. I'm happy that i was able to check yours out, I've downloaded the zip file of your code, I will check it out and improve.

    You are very impressive, I see no flaw!