Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
5

Darryl Rachel

@darrylrachelBakersfield, CA190 points

Hey there, I'm Darryl – a passionate web developer hailing from California. I specialize in HTML email development. Beyond coding emails, you can find me embracing the challenges of powerlifting, mastering disc golf throws, and relishing quality time as a devoted family man.

Latest solutions

  • Product Preview Card


    Darryl Rachel•190
    Submitted 9 months ago

    None at the moment.


    0 comments
  • Shopping List with Cart


    Darryl Rachel•190
    Submitted 12 months ago

    Anything helps. I'm sure I overlooked a lot during setup.


    0 comments
  • Recipe Page

    #sass/scss#bem

    Darryl Rachel•190
    Submitted over 1 year ago

    None at this time.


    1 comment
  • Social Links Profile

    #bem#sass/scss

    Darryl Rachel•190
    Submitted over 1 year ago

    As of now I feel I'm doing good on my own. Research and documentation has gotten me a long way.


    1 comment
  • Blog Card Preview

    #bem

    Darryl Rachel•190
    Submitted over 1 year ago

    The only thing I can think of is sizing and positioning. The s&p seems off when I compare the exact specs from the sketch file to my actual code.


    1 comment
  • QR Code Component


    Darryl Rachel•190
    Submitted over 1 year ago

    No thank you, not this time. This project was on the easier side.


    1 comment
View more solutions

Latest comments

  • P
    JeremDevX•250
    @JeremDevX
    Submitted 9 months ago

    Product Preview Component - HTML / SCSS

    1
    Darryl Rachel•190
    @darrylrachel
    Posted 9 months ago

    Your project looks amazing. Did you build this with react?

  • Alexander Ivanov•310
    @alexanderivanov2
    Submitted over 1 year ago

    Recipe Page

    1
    Darryl Rachel•190
    @darrylrachel
    Posted over 1 year ago

    Your project looks great and your code is clean. Also great job using a table for the "table" lol. I know a lot of people would try to use flexbox. But sometimes a simple old school table works perfectly fine.

    Happy coding!

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

    I'm proud that I didn't have any issues with this project

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

    I didn't really run into any challenges on this project

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

    I think I would like to get better at structuring my HTML and any advice would be appreciated.

    Responsive social links profile using flexbox

    1
    Darryl Rachel•190
    @darrylrachel
    Posted over 1 year ago

    Your site looks good and your spacing is good. Great job!

    As to your markup everything looks good there too. You're using HTML5 semantic tags properly. Also great job on adding the actual links to the social sites. I was just critiquing mines and wished I did the same thing.

    Happy coding.

    Marked as helpful
  • slack•120
    @slackwaree
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I feel like I'm getting better at writing less bloated code.

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

    I had some issues with the sizing of margins and padding on certain elements because I was using px, but came to find that if I used em units it would make my design appear more consistently sized.

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

    I feel like the avatar image at the bottom of the card is not aligned horizontally with the text, and I'm not sure how to fix that. I've set the img element to have vertical-align: middle; but I'm not sure what else to do other than that.

    Blog Preview Card

    2
    Darryl Rachel•190
    @darrylrachel
    Posted over 1 year ago

    All in all everything looks good. I feel you on the sizing of margins and what not, I too encounter those same issues. But you found a solution which means you're learning so congratulations on your success.

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

    I'm proud that i can actually make it and next time I'll use more tools like react or bootstrap to make it more convenient.

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

    I don't have enough knowledge to use tools or any frameworks so i just go for a basic way using only HTML and CSS

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

    Using framework like bootstrap is too hard to understand i have to learn a little bit more to actually understand and know how to use it.

    just doing normal CSS thing

    1
    Darryl Rachel•190
    @darrylrachel
    Posted over 1 year ago

    Your solution looks spot-on. Great job!

    When it comes to using frameworks like bootstrap what I used to do and sometimes still do is copy and the component you want to use and start removing and altering the code to see what changes. I also like to visually type the code from bootstrap to gain the muscle and visual memory from typing the actual code.

    Hope this helps. Good luck on your journey.

    Marked as helpful

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