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

Spencer

@DivinitryToronto80 points

Web developer in the making!

I’m currently learning...

Python with Algorithms and data structures but I am always learning more front-end on the side.

Latest solutions

  • Recipe Page


    Spencer•80
    Submitted 11 months ago

    What ever people see are issues please let me know, thank you!


    1 comment
  • Social links profile finished


    Spencer•80
    Submitted 11 months ago

    naming conventions with class names, anything people can find that I can improve on please let me know.


    3 comments
  • Blog preview card completed


    Spencer•80
    Submitted 11 months ago

    the comment on classes, help with that would be great, best naming conventions?


    4 comments
  • QR code component


    Spencer•80
    Submitted 11 months ago

    css, maybe there are redundant areas? best practices for css? responsive design tips for CSS fonts.


    2 comments

Latest comments

  • Renzo2O99•40
    @Renzo2O99
    Submitted 11 months ago

    Entrada de blog sobre un sitio de recetas.

    1
    Spencer•80
    @Divinitry
    Posted 11 months ago

    looks good, i would use more margins and padding to get it to look like the images. Over all good work and classes and semantic tags are well done, good job keep up the good work!

  • mohamed nasr•160
    @stitch-606
    Submitted 11 months ago

    my social media card using HTML, CSS

    1
    Spencer•80
    @Divinitry
    Posted 11 months ago

    looks great!

    If I were you, i would use grid:fex on the main body and center things vertically and horizontally it would look alot better! i love the little designs keep it up!

    Marked as helpful
  • Zup•1,370
    @xup60521
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    TailwindCSS is goated. After doing some vanilla css in this challenge, I immediately miss the powerful utility atomic css.

    vanilla html + css

    1
    Spencer•80
    @Divinitry
    Posted 11 months ago

    Looks good!

    Only thing I would suggest is to use the Alt tags for accessibility.

  • adriantech-beep•390
    @adriantech-beep
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that in a short matter of time i already learned new things like centering a div.

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

    i made a hard time figuring about the border shadow.

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

    i need help on applying the colors on css

    CSS Flexbox

    1
    Spencer•80
    @Divinitry
    Posted 11 months ago

    Hey Adrian!

    Nice solution, some tips to help you out.

    To get the box-shadow working you need to specify the color for the shadow here is an example:

    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);

    As well, border: border-box is not a valid CSS property, you're thinking of this:

    box-sizing: border-box;

    Keep up the good work!

    Marked as helpful
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