All solutions

Newsletter Sign-Up Form With Success Message - 2023

This project is a challenge in Frontend Mentor's website. This project's main objetive is grow up my HTML and CSS abilities and start to study JS.

Status: Finished.

Responsive: Yes.

🔗 Links

• linkedin
• GitHub

🛠 Abilities

HTML (Hypertext Markup Lenguage)

CSS (Cascate Style Sheets)

JS (Javascript)

Learnings

In this project i understand better how to create a responsive website and i learned many things about JS. In JS i learned about how to validate a email input, how to create and use variables, how to change images' src, get a user's screen width and height, etc.

I have some problems with this project, but i solve them. My problems is like how to adjust a responsive code in CSS, how to change image's url using JS and how to use a regex expression to validate a email input.

References

• Frontend Mentor Challenge

Product Preview Card Component - 2023

The project's main objective is grow up my HTML and CSS abilities and learn about Responsive Web Design.

Status

Status: Finished.

Responsive: Yes.

🔗 Links

• LinkedIn

🛠 Abilities

HTML (Hypertext Markup Lenguage)

CSS (Cascate Style Sheets)

Learnings

In this project i learned about Flexbox and Responsive Web Design.

References

• Frontend Mentor Challenge

Frontend Mentor | Results summary component - 2023

This is a semanal project made in Frontend Mentor website. Your principal objective is grow up my abilities in HTML and CSS. This project is a results summary component.

Status

Status: Finished (I don't know Responsive Web Design to use in this project).

🛠 Abilities HTML (Hypertext Markup Lenguage)

CSS (Cascate Style Sheets)

Learnings

In this practice project, I learned flexbox functionalities, how to align tags divs and sections, apply gradient colors and add transparent colors using HSL and RGBA in CSS.

My worst problem is to construct the divs and sections align in the center of website and using a flexbox in the summary's cards. But i know if i pratice more i will understand how to use both correctly.