str320
I'm currently learning the fundamentals of HTML, CSS, and JavaScript, and I'm excited about building projects that improve with each step I take.
greece
Pinned Repositories
fem-bento-grid
This project demonstrates a responsive CSS grid layout featuring various content "cards" designed using semantic BEM naming conventions and modern layout techniques. The structure adapts seamlessly across desktop, tablet, and mobile devices.
fem-clipboard-landing-page
fem-huddle-landing-page-with-single-introductory-section
This is a responsive landing page challenge from Frontend Mentor. It features a clean and modern layout, utilizing HTML and CSS, with social media icons and a prominent call-to-action.
fem-profile-card-component
This is a solution to the Profile Card Component challenge from Frontend Mentor. The goal is to build a card UI that displays a user profile, including stats like followers, likes, and photos.
fem-single-price-grid-component
This project is a responsive pricing card layout that promotes a subscription plan and highlights the benefits of joining a coding community. It includes a heading section, a pricing column, and a feature list—all styled with clean utility-based CSS and flexbox.
fem-social-proof-section-master
This is a responsive layout that showcases customer ratings and user testimonials for a product. It uses a clean, modern design with flexbox and CSS grid to display a main heading, rating blocks, and individual user cards.
frontendmentor-3-column-preview-card
This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.
frontendmentor-blog-preview-card
This HTML & CSS-only challenge is a perfect project for beginners getting up to speed with HTML and CSS fundamentals, like HTML structure and the box model.
frontendmentor-four-card-feature-section
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
frontendmentor-Meet-landing-page
This HTML & CSS only challenge is perfect if you're starting to get a bit comfortable with your layout skills. The responsive layout shifts will also be a great test!
str320's Repositories
str320/Learn-React-Projects
str320/Quiz-app-react
str320/fem-clipboard-landing-page
str320/fem-bento-grid
This project demonstrates a responsive CSS grid layout featuring various content "cards" designed using semantic BEM naming conventions and modern layout techniques. The structure adapts seamlessly across desktop, tablet, and mobile devices.
str320/fem-profile-card-component
This is a solution to the Profile Card Component challenge from Frontend Mentor. The goal is to build a card UI that displays a user profile, including stats like followers, likes, and photos.
str320/new-grid-times
str320/responsive-layouts-challenge
CONQUERING RESPONSIVE LAYOUTS 21-DAY CHALLENGE
str320/fem-huddle-landing-page-with-single-introductory-section
This is a responsive landing page challenge from Frontend Mentor. It features a clean and modern layout, utilizing HTML and CSS, with social media icons and a prominent call-to-action.
str320/fem-social-proof-section-master
This is a responsive layout that showcases customer ratings and user testimonials for a product. It uses a clean, modern design with flexbox and CSS grid to display a main heading, rating blocks, and individual user cards.
str320/fem-single-price-grid-component
This project is a responsive pricing card layout that promotes a subscription plan and highlights the benefits of joining a coding community. It includes a heading section, a pricing column, and a feature list—all styled with clean utility-based CSS and flexbox.
str320/nft-preview-card-component
This HTML & CSS only challenge is perfect for anyone just starting out or anyone wanting a small project to play around with.
str320/frontendmentor-stats-preview-card-component-main
This is a great small challenge to help get you used to building to a design. There's no JS in this project, so you'll be able to focus on your HTML & CSS skills.
str320/frontendmentor-results-summary-component
It’s a HTML and CSS only project.
str320/frontendmentor-order-summary-component-main
A perfect project for newbies who are starting to build confidence with layouts!
str320/frontendmentor-3-column-preview-card
This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects.
str320/frontendmentor-Meet-landing-page
This HTML & CSS only challenge is perfect if you're starting to get a bit comfortable with your layout skills. The responsive layout shifts will also be a great test!
str320/frontendmentor-testimonials-grid
This challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grips with it!
str320/frontendmentor-four-card-feature-section
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
str320/frontendmentor-Product-preview-card-component
This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.
str320/frontendmentor-Recipe-page
This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content.
str320/portfolio
Portfolio project to learn css.
str320/tutor
Tutor website project. HTML and Css
str320/frontendmentor-social-links-profile
In this small project, you'll build out your social link-sharing profile. You can even personalize it and use it to share all your social profiles!
str320/frontendmentor-qr-code-component
A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.
str320/frontendmentor-blog-preview-card
This HTML & CSS-only challenge is a perfect project for beginners getting up to speed with HTML and CSS fundamentals, like HTML structure and the box model.
str320/leno