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

Jeff Hensley

@jeff-hensleyAugusta, Georgia80 points

Hello! My name is Jeff and I just started getting into coding! I'm a trucker and I am hoping that the skills i am learning will help me change jobs one day!

Latest solutions

  • Responsive Rating card using basic JS


    Jeff Hensley•80
    Submitted 3 months ago

    I could not figure out how to keep the active states of the buttons until the submit. I want the buttons to stay orange until submit is used and then if another button is clicked before submit is clicked then the active state changes to that button.


    1 comment
  • A Recipe Page using HTML and CSS Flexbox


    Jeff Hensley•80
    Submitted 5 months ago

    Mainly the alignment of the headings. I couldn't out why my main heading and my "Nutrition" heading were aligned but my "Ingredients" and "Instructions" wearn't


    1 comment
  • A Social Links Page made with HTML and CSS flexbox


    Jeff Hensley•80
    Submitted 5 months ago

    Flexbox to be honest but I am slowly learning and understanding.


    1 comment
  • Landing page for different types of cars using HTML and CSS Flexbox


    Jeff Hensley•80
    Submitted 5 months ago

    0 comments
  • Blog Preview Card using HTML and CSS Flexbox


    Jeff Hensley•80
    Submitted 5 months ago

    I also had a challenge with the yellow background around "Learning". I couldn't get it to easily center even when using flex box. I had to adjust the padding to make it look right which i felt wasn't necessary but I could not figure out what I was doing wrong.


    1 comment
  • Page for a QR code using CSS flexbox


    Jeff Hensley•80
    Submitted 6 months ago

    To be honest I wouldn't know what to ask. Understanding how to move stuff around the page with flex box and the difference between relative and absolute positioning or how flexbox applies to other elements is what I need to get more information on my self.


    1 comment

Latest comments

  • Alfonso Manuel Vidrio Lizaola•180
    @AlfonsoVidrio
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of completing this challenge and gaining a deeper understanding of DOM manipulation with JavaScript. It was rewarding to see how I could dynamically change the content and styles of the page, improving both functionality and user experience.

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

    I'm proud of completing this challenge and gaining a better understanding of DOM manipulation with JavaScript. Next time, I would use CSS or Tailwind instead of Sass.

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

    I found the CSS styling to be quite challenging, so any advice to help me improve in that area would be really helpful.

    Interactive rating component

    #sass/scss
    1
    Jeff Hensley•80
    @jeff-hensley
    Posted 3 months ago

    It looks amazing! great job!

  • P
    Jayco•470
    @jayco01
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of improving my HTML structure using semantic tags and applying the BEM methodology to keep my CSS clean and organized. I also learned how to properly style lists and tables, which was a new challenge for me.

    Next time, I would like to explore more advanced table styling techniques to improve spacing and alignment. I also want to experiment with CSS Grid to see if it offers a better approach for structuring the layout.

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

    One of the biggest challenges I faced was aligning lists and styling tables properly.

    I overcame these challenges by experimenting with different CSS properties, reading documentation, and testing different layout strategies until I found the best solutions.

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

    I’d love to get better at styling tables, especially when it comes to spacing, column alignment, and responsiveness. I also want to improve my list styling, particularly in handling multi-line text alignment and bullet customization. Any tips or best practices for these would be greatly appreciated!

    Recipe Page - Built with Semantic HTML & CSS BEM Methodology

    1
    Jeff Hensley•80
    @jeff-hensley
    Posted 5 months ago

    This is awesome! I also struggled with the lists and tables. To be honest, yours looks a lot closer to the original than mine. Good job!

  • Sylvain Web•380
    @SylvainPS78
    Submitted 5 months ago

    Social links using Flexbox

    1
    Jeff Hensley•80
    @jeff-hensley
    Posted 5 months ago

    This looks really great! Keep up the amazing work!

  • Daniel25sfj•10
    @Daniel25sfj
    Submitted 5 months ago

    h1

    1
    Jeff Hensley•80
    @jeff-hensley
    Posted 5 months ago

    looks awesome! I love the creative liberties!

  • AmIKamil•140
    @AmIKamil
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    My html looks bit better from previous ones, hope that semantics was used correctly used pseudo-classes like ::marker and :last-child for the first time, I am glad that @media screen works fine In my future project I am going to create more clear and readable css

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

    Struggled with table a bit as I forgot how to create it correctly, preparation time box was a bit challenging too but finnally splendid! It is hard to use correct fonts and their properties

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

    I wish my css to be more readable and user friendly, advices? I am trying to use classes, but i think that it still looks like a mess Could you chech and advise about font? Weights, size and all this stuff, I am not sure if that's it but for mee looks acceptable Please share with me any concerns, treat my code like you would have to work with it in future Thanks in advance!

    responsive page using flex

    1
    Jeff Hensley•80
    @jeff-hensley
    Posted 5 months ago

    Heyo! I am still a newbie too so take my advice with a grain of salt. When it comes to fonts and weights the figma files provided really help. you are able to click on each element and see the font weight, style, size as well as all the parameters for the other items ass padding, space between items, etc. etc. to make sure you are really matching the example.

  • Darinda•220
    @dariinda
    Submitted 5 months ago

    Blog preview card

    1
    Jeff Hensley•80
    @jeff-hensley
    Posted 5 months ago

    it looks fantastic! Only thing is the border radius of the card to be 10px as per the figma files. Looks amazing though!

    Marked as helpful
View more comments

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