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

Code_ Nerdette

@lola-ilori100 points

Front-end Development

Latest solutions

  • Testimonial Grid Section Project

    #accessibility

    Code_ Nerdette•100
    Submitted 3 months ago

    I'll need more help with CSS GRID and mobile queries.


    1 comment
  • Responsive Page for four card

    #accessibility

    Code_ Nerdette•100
    Submitted 4 months ago

    CSS & Tailwind CSS


    0 comments
  • Product preview card component

    #accessibility

    Code_ Nerdette•100
    Submitted 4 months ago

    CSS & HTML in general


    0 comments
  • Omelette Recipe Landing Page

    #materialize-css

    Code_ Nerdette•100
    Submitted 9 months ago

    0 comments
  • Responsive Social-Links-Profile Landing page using HTML & CSS

    #accessibility

    Code_ Nerdette•100
    Submitted 9 months ago

    CSS! There are a lot of nuances and styling techniques that are still new to me. I'm eager to learn them all and would appreciate any guidance in these areas. I’m still learning, so I know I’ll make mistakes, but I’m eager to learn from each one.


    1 comment
  • Responsive landing page using html and css.

    #accessibility

    Code_ Nerdette•100
    Submitted 9 months ago

    CSS, definitely! There are a lot of nuances and styling techniques that are still new to me. I'm eager to learn them all and would appreciate any guidance in these areas.


    1 comment
View more solutions

Latest comments

  • P
    Taiwo Bandipo•120
    @Tainicknackz
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    There is no response!

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

    I got stuck while utilising the grid-template-areas and opted to use the grid-column and grid-row.

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

    Any recommendations are welcome.

    Responsive testimonials grid section using CSS Grid

    #accessibility#pure-css
    1
    Code_ Nerdette•100
    @lola-ilori
    Posted 3 months ago

    The design was well replicated. Great work!

    Marked as helpful
  • Abdulrahaman Ridwan Ayinla•480
    @Eleniyancode
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    the structure of the html the use of flexbox to arrange the section

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

    flexbox and grid i had to go read on them

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

    responsiveness of the page

    Design a four card feature section

    #accessibility
    1
    Code_ Nerdette•100
    @lola-ilori
    Posted 4 months ago

    Great work!

  • Muhamad Rukhul Kirom•380
    @rukhulkirom
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how clean and structured the HTML and CSS are. The layout adapts well to different screen sizes using CSS Flexbox and media queries, creating a responsive design. The typography and colors follow a consistent and visually appealing theme, making the product preview card look professional. Additionally, using semantic HTML elements improves accessibility and readability.

    Next time, I would consider:

    • Adding animations or transitions: A slight fade-in effect on images or a hover effect on the price could enhance the user experience.

    • Enhancing accessibility: Adding aria-labels for better screen reader support, ensuring the button is more accessible, and using a more descriptive alt text for images.

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

    The design needed to look good on both mobile and desktop screens, requiring different image sizes and layout adjustments. I used a <picture> element with a srcset to serve different images based on screen width. I also implemented media queries to switch from a stacked mobile layout to a side-by-side desktop layout using Flexbox.

    What specific areas of your project would you like help with?
    • Would using CSS Grid instead of Flexbox for the layout improve performance or maintainability?

    • Does my CSS follow best practices for scalability and maintainability?

    • Are there any redundant styles or unnecessary declarations that could be removed?

    Responsive Product Preview Card Component using CSS Flexbox

    #accessibility#pure-css
    1
    Code_ Nerdette•100
    @lola-ilori
    Posted 4 months ago

    Great work. Keep it up.

  • fenix-leonardo•10
    @fenix-leonardo
    Submitted 9 months ago

    solucion en html y css

    #materialize-css
    1
    Code_ Nerdette•100
    @lola-ilori
    Posted 9 months ago

    The HTML file seems very good. Now, you just have to style it with CSS to look similar to the design. Well done!

  • David Casanova 💫•180
    @DavidCasanova83
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I learn how to create some front-end with accessibility first, and its very good challenge.

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

    Start codind with accessibility first, so found a good sources to learn it like Wave.org

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

    Every tips about accessibility are welcome.

    Social links profile TailwindCSS

    #accessibility#tailwind-css
    1
    Code_ Nerdette•100
    @lola-ilori
    Posted 9 months ago

    Congratulations on your result

  • Hajer Abdeen Alabd•120
    @Hajerabdeen
    Submitted over 1 year ago

    Blog preview card

    #accessibility#itcss
    1
    Code_ Nerdette•100
    @lola-ilori
    Posted 9 months ago

    Your solution looks good. Great effort! It just needs some cleaning up. Also, ensure to put a background color on "Learning".

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