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

Adrian Reina Lobaina

@adrian-reina-391Remote, America290 points

Experienced Desktop Support Specialist (12 yrs) transitioning to front-end development. Seeking a remote role to leverage my problem-solving, learning, and communication skills to create impactful user experiences.

I’m currently learning...

Web Development from the ground up: Gaining a comprehensive understanding of web development fundamentals, including HTML, CSS, Flexbox, CSS Grid, and JavaScript principles.

Latest solutions

  • Form validations with JS, styles with css


    Adrian Reina Lobaina•290
    Submitted 3 months ago

    0 comments
  • Responsive landing page with CSS grid and Flexbox


    Adrian Reina Lobaina•290
    Submitted 3 months ago

    n/a


    0 comments
  • Landing page with flexbox and Css Grid


    Adrian Reina Lobaina•290
    Submitted 4 months ago

    0 comments
  • Single Price Grid Component using flexbox and CSS Grid


    Adrian Reina Lobaina•290
    Submitted 4 months ago

    0 comments
  • Social Proof Card made with CSS Grid and some Flexbox, and translates


    Adrian Reina Lobaina•290
    Submitted 4 months ago

    0 comments
  • I used flexbox mostly and some Gridlayout


    Adrian Reina Lobaina•290
    Submitted 4 months ago

    nothing, at the end I understood all


    0 comments
View more solutions

Latest comments

  • Oluwaseun olaoluwa ajayi•30
    @Oluwaseunolaoluwaajayi
    Submitted 4 months ago

    A simple omlete recipe page

    #pure-css
    1
    Adrian Reina Lobaina•290
    @adrian-reina-391
    Posted 4 months ago

    Hello, remember that the web must have a responsive design, that's why you write a code for the mobile view and later start changing things in the media queries to add all the required layouts to get a look as closest as possible to the given design

  • NayyabAqib•650
    @nayyabaqib
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully implementing a responsive design using only HTML and CSS. It was a great learning experience to structure the layout properly and style it effectively. Next time, I would focus more on improving accessibility and adding small animations to enhance user experience.

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

    One challenge I faced was aligning the content properly within the columns while keeping the design responsive. Initially, the layout was breaking on smaller screens. I solved this issue by using CSS Flexbox and Media Queries to ensure a smooth and adaptable design

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

    "I am struggling with JavaScript functionality, especially handling events and state management."

    3 coulms

    3
    Adrian Reina Lobaina•290
    @adrian-reina-391
    Posted 4 months ago

    this does not require JavaScript, check my solution on my profile

  • Vladimir Popovic•70
    @vpopovic003
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    How to get the right colors on the image overlay?

    Stats Preview Card Component

    1
    Adrian Reina Lobaina•290
    @adrian-reina-391
    Posted 4 months ago

    I couldn't get the exact color either, I tried for days

  • Abdelrahman Abdelhalim•160
    @letsve
    Submitted 5 months ago

    HTML, CSS

    1
    Adrian Reina Lobaina•290
    @adrian-reina-391
    Posted 4 months ago

    hello, 1st. You should put the link to the specific exercise, not to your Github profile 2nd. To the class "photos" ad a border-radius for the top side (20px 20px 0 0)or any number you used for the bottom, if doesnt work, add a class to the card backgroud image and use border-radius 3th. Try to be more precise with the sizes, but you had a good understanding of the project

    Marked as helpful
  • Control222•210
    @Control222
    Submitted about 1 year ago

    Testimonials-grid-section

    1
    Adrian Reina Lobaina•290
    @adrian-reina-391
    Posted about 1 year ago

    Hello, the submitted code is from another project, in the mobile view you don't leave space between the card and the body, also great jon in the wider screens

  • Yaroslav Petrov•80
    @PetyaBiszeps
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I can't say I'm proud of something here, but I feel that's a good start to actually START to code. It's a big difference between watching someone coding and coding by yourself so it gives you good practice and makes you try to find solutions for the problems you are facing during creating this project.

    I found out some new HTML tags during this project (e.g. table tag), got better understanding of fundamentals of both HTML and CSS and of course @media tag which is required to make this layout responsive, including mobile devices. That's a good start as I said!

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

    The most important thing I faced during this project is creating a mobile version of this page. I have never looked at @media tag before and its really important skill in my humble opinion. Some overall structure understanding is also a challenge for a newcomer here, but for me it was easier than that.

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

    Firstly, I want overall opinion on this page. Does it work as it should? Is there any recommendations in terms of tags, maybe some coding tricks I could use to make my code more clear and the most important, is it good in terms of 'looking like example'. Also it would be amazing to get some recommendations how to work without figma since I'm not premium user. I know it's possible but the only way I could find some numbers is Photoshop. Are there some better ways to do it except figma?

    Responsive HTML page using flex

    2
    Adrian Reina Lobaina•290
    @adrian-reina-391
    Posted about 1 year ago

    it looks good, but It should have a margin-bottom too, in mobile view it should not have a border radius, check mine if you want

    Marked as helpful
View more comments
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

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