Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
16
Comments
6

DNel2

@TechEdDan2210 points

Someone trying to learn new skills.

Latest solutions

  • Results Summary with Flexbox


    DNel2•210
    Submitted 3 months ago

    I would like some help with using the data.json file in the project.


    0 comments
  • Social Proof Section with Flexbox and some JS


    DNel2•210
    Submitted about 1 year ago

    Spacing layout and sizes of font and the profile images. I could also use some tips on how to reduce some of the complexity of my HTML.


    0 comments
  • Testimonials Grid Section using Grid


    DNel2•210
    Submitted over 1 year ago

    Both my HTML and CSS are a bit messy, so I do need to clean it up. I know there was also some cleaner ways to write and use CSS Grid.


    0 comments
  • Blog Preview Card with Flexbox


    DNel2•210
    Submitted over 1 year ago

    Are there ways to refactor the code to make it cleaner.


    1 comment
  • Social Links Profile with Flexbox


    DNel2•210
    Submitted over 1 year ago

    Not sure... maybe where I should refactor my CSS to make it more efficient, but I welcome all feedback.


    1 comment
  • Four Card Feature with Flexbox


    DNel2•210
    Submitted over 1 year ago

    I am mostly happy with how this came out, but I would've liked to try to solve this with a framework to practice something new. I also struggled with finding just the right spacing for elements and could use some insight into how developers pick the size of their wrappers. Thanks!


    0 comments
View more solutions

Latest comments

  • Fafel•140
    @Fafell
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I added hover to the link buttons to make them look better

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

    It wasn't difficult, but I practiced styling in CSS

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

    I'm wondering if I'm using units correctly

    Social-links-profile

    2
    DNel2•210
    @TechEdDan2
    Posted over 1 year ago

    Your code is well-structured, and easy to read. I like the use of an active pseudo-class on the buttons, a really nice addition. It looks like we both approached the challenge in similar way, structureally. It looks like you are using the right units for everything. Maybe you could use more relative units for padding rather than absolute pixel values, but I am not a professional, so I am not sure if that is a good suggestion. Nice work!

    Marked as helpful
  • meher-hex•20
    @meher-hex
    Submitted over 1 year ago
    What specific areas of your project would you like help with?

    I faced a great challenge in rounding the corners of the SVG file and sadly, I haven't overcome it yet. According to the given asset and design preview, the illustration should have round corners but I can't round the corners. As per my knowledge, CSS styles don't work on SVG files like that. I can't even work around it. I'm open to suggestions.

    Blog card preview using HTML and CSS Flexbox

    1
    DNel2•210
    @TechEdDan2
    Posted over 1 year ago

    Hello,

    Nice work. Just a quick FYI, the link to your solution's "view code" actually goes to your QR Code solution, so you might want to update the info. When I looked at your solution in the other repository, I noticed you didn't get to add the active state for the "HTML & CSS Foundations" text. To do this, you could use the class selector "title" you assigned the <p> element with the text in it and add the pseudo class hover. The syntax would look something like this:

    .title: hover{ color: yellow; cursor: pointer;}

    Hope this helps!

  • Tatyane Gonçalves•520
    @tatyanepgoncalves
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Esse projeto foi realizado usando Grid que é um tópico que ainda não tenho prática. O resultado ficou um pouco parecido com o da imagem.

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

    Minhas dificuldades foram em grid-template-columns e grid-template-rows.

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

    Gostaria de dicas de como organizar melhor os elementos utilizando os comandos acima.

    Four card feature section using Flexbox and Grid

    1
    DNel2•210
    @TechEdDan2
    Posted over 1 year ago

    Perdón por escribir en inglés, pero deberías poder utilizar el traductor integrado de Chrome.

    I used Flexbox to create my project, so I do not know how helpful I can be with grid... I am also learning to be more comfortable with it, too. I tried experimenting with your .team{ grid-row: 1; grid-column: 2; } and .karma{ grid-row: 3; grid-column: 2; } class selectors, but couldn't get the centering of the cards to quite work. Have you checked out https://css-tricks.com/snippets/css/complete-guide-grid/ as a resource? I also really liked watching Kevin Powell's videos, like: https://youtu.be/8QSqwbSztnA?si=_a5qbm0rswUVVAXr or https://youtu.be/rg7Fvvl3taU?si=cHi2dcHCp6OotGjD where he goes over a Frontend Mentor Project using grid. Good Luck!

  • legendofnoobs•70
    @legendofnoobs
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    lol

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

    lol

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

    lol

    qr code

    1
    DNel2•210
    @TechEdDan2
    Posted over 1 year ago

    Nice work on the project. The HTML is very clean and easy to read. I used a similar approach to creating my solution. However, I am unfamiliar with the -<uniquifier> that you used at the top of your CSS. Is this part of a change to using Google Fonts with CSS classes? Thanks for teaching me something new.

  • Mobile_Koda•140
    @Lemon-stack
    Submitted over 1 year ago

    Product preview card component

    1
    DNel2•210
    @TechEdDan2
    Posted over 1 year ago

    Hello,

    Nice work on the desktop version.

    A suggestion for helping with the mobile version might be to give your div with the .ctn class attribute a fixed px width as soon as you hit the break point you set for the media query, so everything will switch to a mobile view with the image and text content (inside of your hero div) all being the same width size. From 769 until 370 the hero section stretches to the edge of the ctn div. I might also recommend using 100% for the image size, but others might say not to. Hope this helps!

    Best of luck!

    Marked as helpful
  • Martinsito Brito Diaz•130
    @MartinsitoBritoDiaz
    Submitted over 3 years ago

    Order Summary Component

    2
    DNel2•210
    @TechEdDan2
    Posted over 3 years ago

    Nice Job! I had an issue with getting the background right, too.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub