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

MartinXCVI

@MartinXCVIArgentina150 points

Full stack developer.

Latest solutions

  • Mobile First, Flex-box, Bootstrap - Product Preview Card

    #accessibility#bootstrap

    MartinXCVI•150
    Submitted almost 2 years ago

    0 comments
  • Mobile-First, Bootstrap & JavaScript - Newsletter Sign Up with Message

    #bootstrap#accessibility

    MartinXCVI•150
    Submitted almost 2 years ago

    0 comments
  • Article Preview Component

    #accessibility

    MartinXCVI•150
    Submitted almost 2 years ago

    0 comments
  • Multiple Breakpoints FAQ Accordion Card

    #accessibility

    MartinXCVI•150
    Submitted almost 2 years ago

    1 comment
  • MobileFirst -- Interactive Rating Component

    #accessibility

    MartinXCVI•150
    Submitted almost 2 years ago

    2 comments
  • Responsive Testimonial Grid Section Project

    #accessibility

    MartinXCVI•150
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Alexis•70
    @alexisshy
    Submitted almost 2 years ago

    Product preview card using html and css flexbox

    2
    MartinXCVI•150
    @MartinXCVI
    Posted almost 2 years ago

    Hi! The card looks pretty good - I would suggest you to get used to applying the proper HTML semantic tags. Wrapping it all inside a <main> instead of a <div>, setting its height to 100vh, and centering your card by flexing its parent element. This will make it more comfortable for viewers to enjoy this project. I hope this helps you!

    Marked as helpful
  • PandjiAprillian•90
    @pandjiaprillian
    Submitted almost 2 years ago

    Interactive Rating Component DOM

    1
    MartinXCVI•150
    @MartinXCVI
    Posted almost 2 years ago

    Hello! - It certainly looks good. Using "em" to round the buttons should be better than using percentages in order to make them perfectly spheric. Also do not forget to structure it with the proper semantic HTML tags. Wrap it all inside a <main>, set its height to 100vh, and use flex-box to align your container to the center of the screen. That will make it more comfortable for users to look at. I hope this helps!

    Marked as helpful
  • Kamal Muhammad•220
    @Meetkamal256
    Submitted almost 2 years ago

    html, css, javascript

    1
    MartinXCVI•150
    @MartinXCVI
    Posted almost 2 years ago

    Hello Kamal; it looks good. Perhaps a way of improving it would be to round the buttons with "em" instead of using percentages so it looks perfectly spheric. Also being more specific with flex-box in order to fit the child element exactly in the middle of its parent element. There is a small space to the right which can be noticed if you pay close attention to it. I hope this helps!

    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