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

Jennifer

@Jennifer1919220 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!

I’m currently learning...

HTML CSS JavaScript SQL

Latest solutions

  • Tip Calculator App


    Jennifer•220
    Submitted over 3 years ago

    1 comment
  • Order Summary Component Main


    Jennifer•220
    Submitted over 3 years ago

    2 comments
  • Sunnyside agency landing page


    Jennifer•220
    Submitted almost 4 years ago

    0 comments
  • Ping Coming Soon Page


    Jennifer•220
    Submitted over 3 years ago

    0 comments
  • Intro component with sign up form


    Jennifer•220
    Submitted about 4 years ago

    1 comment
  • base-apparel-coming-soon-master


    Jennifer•220
    Submitted about 4 years ago

    1 comment
View more solutions

Latest comments

  • Melad•110
    @meladcodes
    Submitted over 3 years ago

    Ping Coming Soon Page

    1
    Jennifer•220
    @Jennifer1919
    Posted over 3 years ago

    Hi! First of all good job! I'll suggest you just change up the style of the heading so that it matches the template.Look at the font weight maybe. I don't know if you are into javascript but maybe consider adding an alert message if someone types in an invalid email adress

    Marked as helpful
  • Ayush Verma•80
    @ayushv45
    Submitted over 3 years ago

    Responsive page using CSS flexbox

    2
    Jennifer•220
    @Jennifer1919
    Posted over 3 years ago

    Hi! I just completed this challenge and I used a ul list of the stats part. I just got rid of the list style with list-style:none. To display it as a table for larger devices I use display:flex and flex-direction: rows. Hope it helps! PS: can you explain you got the purple overlay?

    Marked as helpful
  • Carlos Zaragoza beato•700
    @CarlosZaragozaBeato
    Submitted over 3 years ago

    Responsive Card

    1
    Jennifer•220
    @Jennifer1919
    Posted over 3 years ago

    Hi! Here is an advice if you want to get rid of the 2nd accessibility issue. Use HTML tag like <main> instead of <div class="card"> or <section> instead of <div class="card-body">. It is more meaning full for the browser. Good job btw!

    Marked as helpful
  • Melad•110
    @meladcodes
    Submitted over 3 years ago

    Order Summary Component

    2
    Jennifer•220
    @Jennifer1919
    Posted over 3 years ago

    Hi! Here is an advice if you want to reduce the amount of line in you css file:

    • instead of writing border-top-right-radius: 10px; border-top-left-radius: 10px; you can just write border-radius: 10px 10px 0px 0px; and it will do the same thing
    • you can do the same thing for margin-right: 30px; margin-left: 8px; just set it to margin: 0px 30px 0px 8px;

    here are some links to help you: https://www.w3schools.com/css/css_margin.asp https://www.w3schools.com/css/css_border_width.asp

    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

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